diff --git a/src/app/components/RankIcon1st.tsx b/src/app/components/RankIcon1st.tsx new file mode 100644 index 0000000..507c642 --- /dev/null +++ b/src/app/components/RankIcon1st.tsx @@ -0,0 +1,43 @@ +export function RankIcon1st() { + return ( + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} + diff --git a/src/app/components/RankIcon2nd.tsx b/src/app/components/RankIcon2nd.tsx new file mode 100644 index 0000000..03ca799 --- /dev/null +++ b/src/app/components/RankIcon2nd.tsx @@ -0,0 +1,50 @@ +export function RankIcon2nd() { + return ( + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} + diff --git a/src/app/components/RankIcon3rd.tsx b/src/app/components/RankIcon3rd.tsx new file mode 100644 index 0000000..46687bb --- /dev/null +++ b/src/app/components/RankIcon3rd.tsx @@ -0,0 +1,46 @@ +export function RankIcon3rd() { + return ( + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} + diff --git a/src/app/page.tsx b/src/app/page.tsx index 48468b0..f2e7a91 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -4,6 +4,9 @@ import HorizontalCardScroller from "@/app/components/HorizontalCardScroller"; import { PostList } from "@/app/components/PostList"; import ProfileLabelIcon from "@/app/svgs/profilelableicon"; import SearchIcon from "@/app/svgs/SearchIcon"; +import { RankIcon1st } from "@/app/components/RankIcon1st"; +import { RankIcon2nd } from "@/app/components/RankIcon2nd"; +import { RankIcon3rd } from "@/app/components/RankIcon3rd"; import prisma from "@/lib/prisma"; export default async function Home({ searchParams }: { searchParams: Promise<{ sort?: "recent" | "popular" } | undefined> }) { @@ -80,14 +83,33 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ s return (
-
-
-
+
+
+
{board.categoryName || board.name}
+
+
+ {siblingBoards.map((sb) => ( + + {sb.name} + + ))} +
+
+
+
+
+
{topUsers.map((user, idx) => { const rank = idx + 1; - return ( -
-
+ return ( +
+
{user.nickname
- {/* 순위 배지 아이콘 자리 - 피그마 디자인에 맞게 이미지로 대체 필요 */} -
- ⭐ -
+ {rank === 1 && } + {rank === 2 && } + {rank === 3 && }
{rank}위 @@ -130,6 +151,7 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ s
+
); } @@ -343,7 +365,7 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ s {Array.from({ length: Math.ceil(restBoards.length / 2) }).map(async (_, i) => { const pair = restBoards.slice(i * 2, i * 2 + 2); return ( -
+
{(await Promise.all(pair.map((b) => renderBoardPanel(b)))).map((panel, idx) => (