From c29576a2c9e5850f550c4df752cee87fef514da1 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Sun, 10 Sep 2023 20:37:07 -0500
Subject: [PATCH] fix: get current user server side in navbar. fix: adjust
 breadcump styling on account component

---
 src/app/account/[[...account]]/page.tsx |  1 +
 src/app/profile/[id]/page.tsx           |  8 ++++++++
 src/components/Navbar.tsx               |  9 +++++----
 src/components/ProfileLink.tsx          | 14 --------------
 4 files changed, 14 insertions(+), 18 deletions(-)
 create mode 100644 src/app/profile/[id]/page.tsx
 delete mode 100644 src/components/ProfileLink.tsx

diff --git a/src/app/account/[[...account]]/page.tsx b/src/app/account/[[...account]]/page.tsx
index 95949a6..1cdc062 100644
--- a/src/app/account/[[...account]]/page.tsx
+++ b/src/app/account/[[...account]]/page.tsx
@@ -12,6 +12,7 @@ export default function AccountPage() {
             navbar: 'dark:bg-secondary-gray [&_*]:dark:text-white',
             formFieldInput: 'dark:bg-primary-gray dark:text-white',
             profileSectionTitle: 'dark:border-white dark:border-opacity-10',
+            breadcrumbsItem: 'dark:text-white',
           },
         }}
       />
diff --git a/src/app/profile/[id]/page.tsx b/src/app/profile/[id]/page.tsx
new file mode 100644
index 0000000..9a4f4f6
--- /dev/null
+++ b/src/app/profile/[id]/page.tsx
@@ -0,0 +1,8 @@
+export default async function UserProfilePage({
+  params,
+}: {
+  params: { id: string };
+}) {
+  // TODO: Profile page. Display profile and user's post
+  return <h1>{params.id}</h1>;
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 3fc5cbc..f8e4505 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,10 +1,11 @@
-import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs';
+import { SignedIn, SignedOut, UserButton, currentUser } from '@clerk/nextjs';
 import Link from 'next/link';
 import { BiSolidMessageSquareAdd } from 'react-icons/bi';
-import ProfileLink from './ProfileLink';
 import ThemeButton from './ThemeButton';
 
-export default function Navbar() {
+export default async function Navbar() {
+  const user = await currentUser();
+
   return (
     <nav className='flex items-center justify-between p-5 shadow-md dark:bg-secondary-gray'>
       <ul className='flex items-center gap-4'>
@@ -31,7 +32,7 @@ export default function Navbar() {
             <Link href='#'>Following</Link>
           </li>
           <li>
-            <ProfileLink />
+            <Link href={`/profile/${user?.id}`}>Profile</Link>
           </li>
           <li>
             <Link
diff --git a/src/components/ProfileLink.tsx b/src/components/ProfileLink.tsx
deleted file mode 100644
index e620bcd..0000000
--- a/src/components/ProfileLink.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-'use client';
-
-import { useUser } from '@clerk/nextjs';
-import Link from 'next/link';
-
-export default function ProfileLink() {
-  const user = useUser();
-
-  if (user.isSignedIn !== true) {
-    return <span>Profile</span>;
-  }
-
-  return <Link href={`/profile/${user.user.id}`}>Profile</Link>;
-}