🐛 fix blogchain types and data return (#135)

* 🐛 fix blogchain types and data return * add *
Mintbase · Feb 16, 2024 · a0ab984 · a0ab984
1 parent bafca17
commit a0ab984
Show file tree

Hide file tree

Showing 8 changed files with 59 additions and 39 deletions.
diff --git 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<T> {
-  mb_views_nft_tokens: T[] | never[]
+  data: { mb_views_nft_tokens: T[] | never[] };
   isLoading: boolean;
 }
 
 export interface QUERY_RESPONSE_METADATA<T> {
-  mb_views_nft_metadata: T[] | never[]
+  data: { mb_views_nft_metadata: T[] | never[] };
   isLoading: boolean;
 }
 
 export interface HOOK_RESPONSE<T> {
-  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;
-}
+}
diff --git 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 }) => (
                   <FormItem>
-                    <FormLabel>Blog</FormLabel>
+                    <FormLabel>Blog *</FormLabel>
                     <Select
                       onValueChange={field.onChange}
                       defaultValue={field.value}
@@ -177,7 +177,7 @@ export function CreatePostDialog() {
                   name="title"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>Title</FormLabel>
+                      <FormLabel>Title *</FormLabel>
                       <FormControl>
                         <Input {...field} />
                       </FormControl>
@@ -188,7 +188,7 @@ export function CreatePostDialog() {
               </div>
 
               <div>
-                <Label>Content</Label>
+                <Label>Content *</Label>
 
                 <div className="markdownEditor">
                   <SimpleMDE
@@ -200,7 +200,7 @@ export function CreatePostDialog() {
               </div>
 
               <div>
-                <Label>Image</Label>
+                <Label>Image *</Label>
                 {preview && (
                   <img
                     src={preview as string}

diff --git a/blogchain/src/hooks/useBlogPosts.tsx b/blogchain/src/hooks/useBlogPosts.tsx
@@ -15,10 +15,12 @@ const useBlogPosts = (contractId: string): BLOG_POSTS => {
     queryParams: [contractId],
   };
 
-  const { data, isLoading } = useGraphQlQuery<USER_POST_DATA, unknown>(queryObj);
+  const { data, isLoading } = useGraphQlQuery<USER_POST_DATA, unknown>(
+    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
@@ -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<QUERY_RESPONSE<BLOG_POST_UNIQUE>, unknown>(queryObj);
+  const { data, isLoading } = useGraphQlQuery<
+    QUERY_RESPONSE<BLOG_POST_UNIQUE>,
+    unknown
+  >(queryObj);
 
   return {
-    post: data ? data.mb_views_nft_tokens[0] : undefined,
+    post: data?.data?.mb_views_nft_tokens[0],
     isLoading,
   };
 };
 
-export { useGetBlogPostMetadata };
+export { useGetBlogPostMetadata };
diff --git 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<QUERY_RESPONSE_METADATA<CONTRACTS>>(queryObj);
+  const { data, isLoading } =
+    useGraphQlQuery<QUERY_RESPONSE_METADATA<CONTRACTS>>(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
@@ -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<USER_POST_DATA, unknown>(queryObj);
+  const { data, isLoading } = useGraphQlQuery<USER_POST_DATA, unknown>(
+    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
@@ -18,7 +18,7 @@ const useUserBlogs = (accountId: string): BLOGS_RESPONSE => {
   const { data, isLoading } = useGraphQlQuery<BLOGS, unknown>(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
@@ -15,10 +15,13 @@ const useUserPosts = (accountId: string): HOOK_RESPONSE<USER_POSTS> => {
     queryParams: [accountId],
   };
 
-  const { data, isLoading } = useGraphQlQuery<QUERY_RESPONSE<USER_POSTS>, unknown>(queryObj);
+  const { data, isLoading } = useGraphQlQuery<
+    QUERY_RESPONSE<USER_POSTS>,
+    unknown
+  >(queryObj);
 
   return {
-    posts: data?.mb_views_nft_tokens ?? [],
+    posts: data?.data?.mb_views_nft_tokens ?? [],
     isLoading,
   };
 };