From d2bfdb5233dde284a2fcab84e8004a213cc18273 Mon Sep 17 00:00:00 2001
From: steward379 <steward379@gmail.com>
Date: Sun, 10 Dec 2023 05:04:21 +0800
Subject: [PATCH] =?UTF-8?q?[feat]=20=F0=9F=8C=9F=20Add=20tags=20Display=20?=
 =?UTF-8?q?to=20userMap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MapCard.tsx       |  2 +-
 src/pages/user-maps/[userId].tsx | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/MapCard.tsx b/src/components/MapCard.tsx
index 48b523f..98a5474 100644
--- a/src/components/MapCard.tsx
+++ b/src/components/MapCard.tsx
@@ -22,7 +22,7 @@ const MapCard = ({ map, userId, isCurrentUser = false }) => {
                 <Link href={`/publishedMaps/${userId}/maps/${map.id}`}>
                     <h2 className="text-2xl font-semibold text-amber-400 cursor-pointer">{map.title}</h2>
                     <p className="text-gray-600 text-sm">by {map.authorName}</p>
-                        <div className="flex flex-wrap gap-2 mt-2">
+                        <div className="flex flex-wrap gap-2 mt-2 mb-2">
                             {(map.tags || []).map((tag, index) => (
                                 <span key={index} className="bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded-full">
                                     {tag}
diff --git a/src/pages/user-maps/[userId].tsx b/src/pages/user-maps/[userId].tsx
index 7c6e2b8..d04a25c 100644
--- a/src/pages/user-maps/[userId].tsx
+++ b/src/pages/user-maps/[userId].tsx
@@ -52,7 +52,7 @@ const UserMapsPage = () => {
           id: likedMapsIds[index].id, 
           ...mapSnap.data(), 
           authorId: likedMapsIds[index].authorId, 
-          authorName: authorSnap.data().name // 或其他你需要的作者信息
+          authorName: authorSnap.data().name
         };
       }
       return null;
@@ -237,6 +237,13 @@ const UserMapsPage = () => {
               )}
               <Link href={`/publishedMaps/${userId}/maps/${map.id}`}>
                 <h2 className="text-2xl font-semibold text-amber-400">{map.title}</h2>
+                <div className="flex flex-wrap gap-2 mt-2 mb-2">
+                        {(map.tags || []).map((tag, index) => (
+                            <span key={index} className="bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded-full">
+                                {tag}
+                            </span>
+                        ))}
+                </div>
                 <p className=" text-amber-200 font-bold">{formatDate(map.publishDate)}</p>
                 <div className="h-full w-full"></div>
               </Link>
@@ -261,6 +268,13 @@ const UserMapsPage = () => {
                   <div className="p-4 w-full h-full bg-gradient-to-t from-transparent to-red-500 opacity-100 rounded-3xl  hover:bg-yellow-300 hover:bg-opacity-50">
                     <h2 className="text-2xl font-semibold text-sky-100">{`${map.title}`}</h2>
                     <h4 className="text-lg text-sky-100">{`${map.authorName}`}</h4>
+                    <div className="flex flex-wrap gap-2 mt-2">
+                        {(map.tags || []).map((tag, index) => (
+                            <span key={index} className="bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded-full">
+                                {tag}
+                            </span>
+                        ))}
+                    </div>
                     <p className="text-sky-200 font-bold">{formatDate(map.publishDate)}</p>
                   </div>
                 </Link>