여행일기 목록 페이지 퍼블리싱

TripInfoWeb · Jul 6, 2024 · b80de18 · b80de18
1 parent 1d4bbf3
commit b80de18
Show file tree

Hide file tree

Showing 22 changed files with 446 additions and 47 deletions.
diff --git a/public/day-text.svg b/public/day-text.svg
diff --git a/public/diary-image2.svg b/public/diary-image2.svg
diff --git a/public/mood-icon1.svg b/public/mood-icon1.svg
diff --git a/public/mood-icon2.svg b/public/mood-icon2.svg
diff --git a/public/mood-icon3.svg b/public/mood-icon3.svg
diff --git a/public/mood-icon4.svg b/public/mood-icon4.svg
diff --git a/public/mood-icon5.svg b/public/mood-icon5.svg
diff --git a/public/pencil-green-icon.svg b/public/pencil-green-icon.svg
diff --git a/src/app/diary/list/page.tsx b/src/app/diary/list/page.tsx
@@ -1,5 +1,7 @@
 import DiaryList from "@/components/diary/DiaryList";
+import DiaryListSkeleton from "@/components/skeleton/diary/DiaryListSkeleton";
 import { Metadata } from "next";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
   title: "여행일기",
@@ -8,8 +10,10 @@ export const metadata: Metadata = {
 
 export default function page() {
   return (
-    <div className="flex flex-col items-center">
-      <DiaryList />
+    <div className="flex flex-col items-center py-4">
+      <Suspense fallback={<DiaryListSkeleton />}>
+        <DiaryList />
+      </Suspense>
     </div>
   );
 }
diff --git a/src/components/common/TopList.tsx b/src/components/common/TopList.tsx
@@ -40,7 +40,7 @@ const TopList = async ({ title }: MyProps) => {
             >
               <p className="w-6 font-bold text-main">{index + 1}.</p>
               <Link
-                className="w-96 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium text-gray1 hover:text-main max-[1024px]:w-full dark:text-slate-400"
+                className="w-96 truncate text-sm font-medium text-gray1 hover:text-main max-[1024px]:w-full dark:text-slate-400"
                 href="/"
               >
                 {title}