diff --git a/blogchain/src/app/typings.ts b/blogchain/src/app/typings.ts index 08fe1f10..8e5a5e89 100644 --- a/blogchain/src/app/typings.ts +++ b/blogchain/src/app/typings.ts @@ -1,64 +1,68 @@ - export interface USER_POSTS { metadata_id: string; media: string; title: string; description: string; minted_timestamp: string; -}; +} export interface USER_POST_DATA { - mb_views_nft_tokens: USER_POSTS[] | never[] + data: { mb_views_nft_tokens: USER_POSTS[] | never[] }; } export interface BLOG_POST_UNIQUE extends USER_POSTS { - nft_contract_id: string; - minter: string; + nft_contract_id: string; + minter: string; } export interface BLOG_POST_DATA { - post: BLOG_POST_UNIQUE | undefined + post: BLOG_POST_UNIQUE | undefined; isLoading: boolean; } export interface QUERY_RESPONSE { - mb_views_nft_tokens: T[] | never[] + data: { mb_views_nft_tokens: T[] | never[] }; isLoading: boolean; } export interface QUERY_RESPONSE_METADATA { - mb_views_nft_metadata: T[] | never[] + data: { mb_views_nft_metadata: T[] | never[] }; isLoading: boolean; } export interface HOOK_RESPONSE { - posts: T[] | never[] + posts: T[] | never[]; isLoading: boolean; } export interface BLOG_POSTS { - posts: USER_POSTS[] - isLoading: boolean + posts: USER_POSTS[]; + isLoading: boolean; } export interface BLOG_POST { - post: USER_POSTS[] | never[] - isLoading: boolean + data: { + post: USER_POSTS[] | never[]; + }; + isLoading: boolean; } export interface CONTRACTS { - nft_contract_id: string; nft_contract_owner_id: string + nft_contract_id: string; + nft_contract_owner_id: string; } export interface LATEST_BLOGS { - contracts:CONTRACTS[] + contracts: CONTRACTS[]; isLoading: boolean; } export interface BLOGS { - nft_contracts: { id: string }[] | never[] + data: { + nft_contracts: { id: string }[] | never[]; + }; } export interface BLOGS_RESPONSE { - blogs: { id: string }[] + blogs: { id: string }[]; isLoading: boolean; -} \ No newline at end of file +} diff --git a/blogchain/src/components/create-post.tsx b/blogchain/src/components/create-post.tsx index 25e31f8a..767383a2 100644 --- a/blogchain/src/components/create-post.tsx +++ b/blogchain/src/components/create-post.tsx @@ -150,7 +150,7 @@ export function CreatePostDialog() { name="contract" render={({ field }) => ( - Blog + Blog * @@ -188,7 +188,7 @@ export function CreatePostDialog() {
- +
- + {preview && ( { queryParams: [contractId], }; - const { data, isLoading } = useGraphQlQuery(queryObj); + const { data, isLoading } = useGraphQlQuery( + queryObj + ); return { - posts: data?.mb_views_nft_tokens ?? [], + posts: data?.data?.mb_views_nft_tokens ?? [], isLoading, }; }; diff --git a/blogchain/src/hooks/useGetBlogPostMetadata.tsx b/blogchain/src/hooks/useGetBlogPostMetadata.tsx index 3231dba7..e197e79d 100644 --- a/blogchain/src/hooks/useGetBlogPostMetadata.tsx +++ b/blogchain/src/hooks/useGetBlogPostMetadata.tsx @@ -1,6 +1,10 @@ import { GET_POST_METADATA } from "@/app/data/queries/posts"; import { useGraphQlQuery } from "@/app/data/useGraphQLQuery"; -import { BLOG_POST_DATA, BLOG_POST_UNIQUE, QUERY_RESPONSE } from "@/app/typings"; +import { + BLOG_POST_DATA, + BLOG_POST_UNIQUE, + QUERY_RESPONSE, +} from "@/app/typings"; const useGetBlogPostMetadata = (id: string): BLOG_POST_DATA => { const queryObj = { @@ -11,12 +15,15 @@ const useGetBlogPostMetadata = (id: string): BLOG_POST_DATA => { queryParams: [id], }; - const { data, isLoading } = useGraphQlQuery, unknown>(queryObj); + const { data, isLoading } = useGraphQlQuery< + QUERY_RESPONSE, + unknown + >(queryObj); return { - post: data ? data.mb_views_nft_tokens[0] : undefined, + post: data?.data?.mb_views_nft_tokens[0], isLoading, }; }; -export { useGetBlogPostMetadata }; \ No newline at end of file +export { useGetBlogPostMetadata }; diff --git a/blogchain/src/hooks/useLatestBlogs.tsx b/blogchain/src/hooks/useLatestBlogs.tsx index a5ac757a..7490fe3e 100644 --- a/blogchain/src/hooks/useLatestBlogs.tsx +++ b/blogchain/src/hooks/useLatestBlogs.tsx @@ -2,9 +2,11 @@ import { GET_LATEST_UPDATED_BLOGS } from "@/app/data/queries/blogs"; import { useGraphQlQuery } from "@/app/data/useGraphQLQuery"; -import { LATEST_BLOGS, QUERY_RESPONSE_METADATA, CONTRACTS } from "@/app/typings"; - - +import { + LATEST_BLOGS, + QUERY_RESPONSE_METADATA, + CONTRACTS, +} from "@/app/typings"; const useLatestBlogs = (): LATEST_BLOGS => { const queryObj = { @@ -14,10 +16,11 @@ const useLatestBlogs = (): LATEST_BLOGS => { queryOpts: { staleTime: Infinity }, }; - const { data, isLoading } = useGraphQlQuery>(queryObj); + const { data, isLoading } = + useGraphQlQuery>(queryObj); return { - contracts: data?.mb_views_nft_metadata ?? [], + contracts: data?.data?.mb_views_nft_metadata ?? [], isLoading, }; }; diff --git a/blogchain/src/hooks/useLatestPosts.tsx b/blogchain/src/hooks/useLatestPosts.tsx index 2ce9712a..415865a9 100644 --- a/blogchain/src/hooks/useLatestPosts.tsx +++ b/blogchain/src/hooks/useLatestPosts.tsx @@ -4,7 +4,6 @@ import { GET_LATEST_POSTS } from "@/app/data/queries/posts"; import { useGraphQlQuery } from "@/app/data/useGraphQLQuery"; import { BLOG_POSTS, USER_POST_DATA } from "@/app/typings"; - const useLatestPosts = (): BLOG_POSTS => { const queryObj = { queryName: "q_GET_LATEST_POSTS", @@ -13,10 +12,12 @@ const useLatestPosts = (): BLOG_POSTS => { queryOpts: { staleTime: Infinity }, }; - const { data, isLoading } = useGraphQlQuery(queryObj); + const { data, isLoading } = useGraphQlQuery( + queryObj + ); return { - posts: data?.mb_views_nft_tokens ?? [], + posts: data?.data?.mb_views_nft_tokens ?? [], isLoading, }; }; diff --git a/blogchain/src/hooks/useUserBlogs.tsx b/blogchain/src/hooks/useUserBlogs.tsx index 8e845d57..9b90de40 100644 --- a/blogchain/src/hooks/useUserBlogs.tsx +++ b/blogchain/src/hooks/useUserBlogs.tsx @@ -18,7 +18,7 @@ const useUserBlogs = (accountId: string): BLOGS_RESPONSE => { const { data, isLoading } = useGraphQlQuery(queryObj); return { - blogs: data?.nft_contracts ?? [], + blogs: data?.data?.nft_contracts ?? [], isLoading, }; }; diff --git a/blogchain/src/hooks/useUserPosts.tsx b/blogchain/src/hooks/useUserPosts.tsx index 6a7292b9..a4d64421 100644 --- a/blogchain/src/hooks/useUserPosts.tsx +++ b/blogchain/src/hooks/useUserPosts.tsx @@ -15,10 +15,13 @@ const useUserPosts = (accountId: string): HOOK_RESPONSE => { queryParams: [accountId], }; - const { data, isLoading } = useGraphQlQuery, unknown>(queryObj); + const { data, isLoading } = useGraphQlQuery< + QUERY_RESPONSE, + unknown + >(queryObj); return { - posts: data?.mb_views_nft_tokens ?? [], + posts: data?.data?.mb_views_nft_tokens ?? [], isLoading, }; };