feat: Update social media links handling in ProfilePageAside and SocialMediaForm components

Author: kingRayhan

src/app/[username]/(profile-page)/_components/ProfilePageAside.tsx

@@ -134,7 +134,7 @@ const ProfilePageAside: React.FC<ProfilePageAsideProps> = ({ profile }) => {
           </Link>
         )}
 
-        {profile?.social_links?.stackOverflow && (
+        {/* {profile?.social_links?.stackOverflow && (
           <Link
             href={profile?.social_links?.stackOverflow}
             target="_blank"
@@ -152,7 +152,7 @@ const ProfilePageAside: React.FC<ProfilePageAsideProps> = ({ profile }) => {
           >
             <Medium size={30} />
           </Link>
-        )}
+        )} */}
 
         {profile?.social_links?.linkedin && (
           <a
@@ -164,9 +164,9 @@ const ProfilePageAside: React.FC<ProfilePageAsideProps> = ({ profile }) => {
           </a>
         )}
 
-        {profile?.social_links?.twitter && (
+        {profile?.social_links?.x && (
           <Link
-            href={profile?.social_links?.twitter}
+            href={profile?.social_links?.x}
             target="_blank"
             className=" text-forground-muted"
           >
@@ -184,7 +184,7 @@ const ProfilePageAside: React.FC<ProfilePageAsideProps> = ({ profile }) => {
           </Link>
         )}
 
-        {profile?.social_links?.behance && (
+        {/* {profile?.social_links?.behance && (
           <a
             href={profile?.social_links?.behance}
             target="_blank"
@@ -212,7 +212,7 @@ const ProfilePageAside: React.FC<ProfilePageAsideProps> = ({ profile }) => {
           >
             <Twitch size={30} />
           </Link>
-        )}
+        )} */}
 
         {profile?.social_links?.youtube && (
           <a

src/app/dashboard/settings/_components/SocialMediaForm.tsx

@@ -42,12 +42,12 @@ const SocialMediaForm: React.FC<Props> = ({ user }) => {
     mode: "all",
     defaultValues: {
       social_links: {
-        github: user.social_links.github,
-        x: user.social_links.x,
-        linkedin: user.social_links.linkedin,
-        facebook: user.social_links.facebook,
-        instagram: user.social_links.instagram,
-        youtube: user.social_links.youtube,
+        github: user?.social_links?.github,
+        x: user?.social_links?.x,
+        linkedin: user?.social_links?.linkedin,
+        facebook: user?.social_links?.facebook,
+        instagram: user?.social_links?.instagram,
+        youtube: user?.social_links?.youtube,
       },
     },
     resolver: zodResolver(UserActionInput.updateMyProfileInput),

src/app/dashboard/settings/page.tsx

@@ -12,6 +12,7 @@ const SettingsPage = async () => {
 
   return (
     <div>
+      <pre>{JSON.stringify(current_user, null, 2)}</pre>
       <Tabs defaultValue="general">
         <TabsList>
           <TabsTrigger value="general">{_t("General")}</TabsTrigger>

src/backend/services/user.action.ts

@@ -91,6 +91,8 @@ export async function updateMyProfile(
 
     const input = await UserActionInput.updateMyProfileInput.parseAsync(_input);
 
+    console.log(input.social_links);
+
     const updatedUser = await persistenceRepository.user.update({
       where: eq("id", sessionUser!),
       data: {