feat: profile page (#300)

* feat: user card

* fix: update

* merge develop && update

* feat: user generate bio & favourite  topic

* fix: update user card

* feat: added profile sidebar

* fix: update

* update

* update

* update

* fix: fetch approved and public threads

* fix: fetch approved and public threads

* update

* fix: clean up and update

* update

* make fetch user work with bio

* update

* update

* design updating

* update

* update

* fix: few changes

* update

* fix: design update

* fix: footer in layout

* fix: update

* fix:  resercation

* update

* profile upload

* feat: move the cloudinary key to env

* fix: layout

* fix: layout update

Author: sheriffjimoh

apps/hasura/metadata/databases/masterbots/tables/public_user.yaml

@@ -1,7 +1,6 @@
 table:
   name: user
   schema: public
-
 array_relationships:
   - name: chats
     using:
@@ -17,105 +16,104 @@ array_relationships:
         table:
           name: social_following
           schema: public
-  
   - name: following
     using:
       foreign_key_constraint_on:
         column: follower_id
         table:
           name: social_following
           schema: public
-  
   - name: preferences
     using:
       foreign_key_constraint_on:
         column: user_id
         table:
           name: preference
           schema: public
-  
   - name: prompts
     using:
       foreign_key_constraint_on:
         column: user_id
         table:
           name: prompt_user
           schema: public
-  
   - name: referrals
     using:
       foreign_key_constraint_on:
         column: referrer_id
         table:
           name: referral
           schema: public
-  
   - name: referralsByUserId
     using:
       foreign_key_constraint_on:
         column: user_id
         table:
           name: referral
           schema: public
-  
   - name: threads
     using:
       foreign_key_constraint_on:
         column: user_id
         table:
           name: thread
           schema: public
-  
   - name: userTokens
     using:
       foreign_key_constraint_on:
         column: user_id
         table:
           name: user_token
           schema: public
-
 insert_permissions:
   - role: moderator
     permission:
       check: {}
       columns:
+        - bio
+        - date_joined
+        - email
+        - favourite_topic
         - get_free_month
         - is_blocked
-        - email
+        - last_login
         - password
-        - profile_picture
         - pro_user_subscription_id
-        - slug
-        - username
-        - date_joined
-        - last_login
+        - profile_picture
         - role
+        - slug
         - user_id
+        - username
     comment: ""
-  
   - role: user
     permission:
       check: {}
       columns:
+        - bio
         - email
+        - favourite_topic
         - get_free_month
         - is_blocked
         - last_login
         - password
         - pro_user_subscription_id
         - profile_picture
+        - role
         - slug
         - username
     comment: ""
 select_permissions:
   - role: anonymous
     permission:
       columns:
+        - bio
         - date_joined
         - email
+        - favourite_topic
         - last_login
         - pro_user_subscription_id
         - profile_picture
+        - role
         - slug
         - user_id
         - username
@@ -141,8 +139,10 @@ select_permissions:
   - role: user
     permission:
       columns:
+        - bio
         - date_joined
         - email
+        - favourite_topic
         - get_free_month
         - is_blocked
         - is_verified
@@ -156,26 +156,41 @@ select_permissions:
       filter:
         user_id:
           _eq: X-Hasura-User-Id
-    comment: ""   
+    comment: ""
 update_permissions:
   - role: moderator
     permission:
       columns:
+        - bio
+        - date_joined
+        - favourite_topic
+        - get_free_month
         - is_blocked
+        - last_login
+        - password
+        - pro_user_subscription_id
+        - profile_picture
+        - role
+        - slug
+        - username
       filter: {}
       check: null
-    comment: "Allows moderators to block any user"
-  
+    comment: Allows moderators to block any user
   - role: user
     permission:
       columns:
+        - bio
+        - favourite_topic
         - get_free_month
         - last_login
         - password
         - pro_user_subscription_id
         - profile_picture
+        - role
+        - slug
+        - username
       filter:
         user_id:
           _eq: X-Hasura-User-Id
       check: null
-    comment: ""
+    comment: ""

apps/hasura/migrations/masterbots/1730936002843_alter_table_public_user_add_column_bio/down.sql

@@ -0,0 +1,4 @@
+-- Could not auto-generate a down migration.
+-- Please write an appropriate down migration for the SQL below:
+alter table "public"."user" add column "bio" text
+ null;  

apps/hasura/migrations/masterbots/1730936002843_alter_table_public_user_add_column_bio/up.sql

@@ -0,0 +1,2 @@
+alter table "public"."user" add column "bio" text
+ null;

apps/hasura/migrations/masterbots/1730936224679_alter_table_public_user_add_column_favourite_topic/down.sql

@@ -0,0 +1,4 @@
+-- Could not auto-generate a down migration.
+-- Please write an appropriate down migration for the SQL below:
+-- alter table "public"."user" add column "favourite_topic" text
+--  null;

apps/hasura/migrations/masterbots/1730936224679_alter_table_public_user_add_column_favourite_topic/up.sql

@@ -0,0 +1,2 @@
+alter table "public"."user" add column "favourite_topic" text
+ null;

apps/masterbots.ai/app/u/[slug]/layout.tsx

@@ -0,0 +1,31 @@
+import FooterCT from '@/components/layout/footer/footer-ct'
+import NextTopLoader from 'nextjs-toploader'
+import { Hero } from '@/components/layout/profile/hero'
+import { ProfileSidebar } from '@/components/layout/profile/profile-page-sidebar'
+
+interface ProfileLayoutProps {
+  children: React.ReactNode
+}
+
+export default async function ProfilePageLayout({ children }: ProfileLayoutProps) {
+  return (
+    <main className="min-h-screen flex flex-col p-0">
+    <NextTopLoader color="#1ED761" initialPosition={0.2} />
+    <Hero />
+    <div className="flex-grow">
+      <div className="relative flex min-h-[calc(100vh-4rem)]">
+        <ProfileSidebar>
+          <div className="relative h-full z-0">
+            <div className='min-h-[calc(100vh-4rem)]'>
+              {children}  
+            </div>   
+            <div className="sticky bottom-0 w-full  left-0 z-50  dark:bg-black bg-white">
+              <FooterCT  className='flex justify-start items-center  text-center'/>
+            </div>
+          </div>
+        </ProfileSidebar>
+      </div>
+    </div>
+  </main>
+  )
+}

apps/masterbots.ai/app/u/[slug]/t/[category]/[chatbot]/[threadId]/page.tsx

@@ -0,0 +1,33 @@
+import { BrowseChatMessageList } from '@/components/routes/browse/browse-chat-message-list'
+import { getThread } from '@/services/hasura'
+import { User } from 'mb-genql'
+
+interface ThreadPageProps {
+  params: {
+    category: string
+    threadId: string
+    chatbot: string
+  }
+}
+export default async function ThreadPage({ params }: ThreadPageProps) {
+  
+  
+  const thread = await getThread({
+    threadId: params.threadId,
+    jwt: ''
+  })
+ 
+  if(!thread){
+    return <div>Thread not found</div>
+  }
+  const { user, chatbot, messages } = thread
+
+  return (
+    <BrowseChatMessageList
+          user={user as User | undefined}
+          chatbot={chatbot}
+          messages={messages}
+          isThread
+        />
+  )
+}

apps/masterbots.ai/app/u/[slug]/t/[category]/[chatbot]/page.tsx

@@ -0,0 +1,63 @@
+import { authOptions } from "@/auth";
+import UserThreadPanel from "@/components/routes/thread/user-thread-panel";
+import { botNames } from "@/lib/constants/bots-names";
+import { getBrowseThreads, getThreads, getUserBySlug} from "@/services/hasura/hasura.service";
+import { getServerSession } from "next-auth";
+
+
+export default async function ProfileChatBot({ params }: {  params: {
+    slug: string;
+    category: string;
+    chatbot: string;
+}
+}) {
+    let threads = [];
+    const { slug, category, chatbot } = params;
+    const session = await getServerSession(authOptions);
+    const jwt = session ? session.user?.hasuraJwt : '';
+    const { user, error } =  await getUserBySlug({ 
+      slug, 
+      isSameUser: session?.user.slug === slug
+    });
+    if (!user) return <div>No user found</div>
+
+    const chatbotName = botNames.get(chatbot);
+    if (!chatbotName) {
+      throw new Error(`Chatbot name for ${chatbot} not found`);
+    }
+
+  const fetchThreads = async () => {
+    try {
+      const isOwnProfile = session?.user?.id === user?.userId;
+      if (!isOwnProfile) {
+        return await getBrowseThreads({ 
+          userId: user.userId, 
+          chatbotName
+        });
+      }
+      
+      if (!session?.user?.hasuraJwt) {
+        throw new Error('Authentication required');
+      }
+      
+      return await getThreads({
+        jwt,
+        userId: user.userId,
+        chatbotName
+      });
+    } catch (error) {
+      console.error('Failed to fetch threads:', error);
+      return [];
+    }
+  };
+  
+  threads = await fetchThreads();
+
+    return (
+        <UserThreadPanel
+        threads={threads}
+        chatbot={chatbot}
+        page="profile"
+      />
+    )
+}