refactor: social 페이지 레이아웃 수정

nodak-v2 · Jul 14, 2024 · 52c98c4 · 52c98c4
1 parent 63bb8f4
commit 52c98c4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 55 deletions.
diff --git a/src/app/social/[userId]/followees/layout.tsx b/src/app/social/[userId]/followees/layout.tsx
diff --git a/src/app/social/followees/layout.tsx b/src/app/social/followees/layout.tsx
diff --git a/src/app/social/followers/layout.tsx b/src/app/social/followers/layout.tsx
diff --git a/src/app/social/[userId]/followers/layout.tsx → src/app/social/layout.tsx b/src/app/social/[userId]/followers/layout.tsx → src/app/social/layout.tsx
@@ -1,13 +1,24 @@
+'use client';
+
 import { PropsWithChildren } from 'react';
 
+import { usePathname } from 'next/navigation';
+
 import TopBar from '@/src/components/Topbar';
 
+const pathDict = {
+  followers: '팔로워',
+  followees: '팔로잉',
+};
+
 const FollowersLayout = ({ children }: PropsWithChildren) => {
+  const a = usePathname()?.split('/').pop() as keyof typeof pathDict;
+
   return (
     <>
       <TopBar.Container>
         <TopBar.BackButton href='/' />
-        <TopBar.Title>팔로워</TopBar.Title>
+        <TopBar.Title>{pathDict[a]}</TopBar.Title>
         <TopBar.NavMore />
       </TopBar.Container>
       <div className='px-4 py-2'>{children}</div>