From eac747ee9e5562849714f50e81e53ef86cf463e1 Mon Sep 17 00:00:00 2001
From: Squarecat-meow <yozumina@serafuku.moe>
Date: Thu, 19 Dec 2024 22:09:10 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=ED=94=84=EB=A1=9C=ED=95=84=20?=
 =?UTF-8?q?=EC=82=AC=EC=A7=84=EC=97=90=20=ED=94=84=EB=A1=9C=ED=95=84?=
 =?UTF-8?q?=EB=A1=9C=20=EA=B0=80=EB=8A=94=20=EB=A7=81=ED=81=AC=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/_components/notification.tsx | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/app/_components/notification.tsx b/src/app/_components/notification.tsx
index 396a59c..eafd476 100644
--- a/src/app/_components/notification.tsx
+++ b/src/app/_components/notification.tsx
@@ -14,28 +14,34 @@ export default function Notification() {
     switch (noti.notification_name) {
       case 'answer_on_my_question': {
         return (
-          <div key={noti.data?.id}>
-            <Link href={`/main/user/${noti.data.answeredPersonHandle}/${noti.data.id}`} replace>
-              <div
-                className={`flex items-center gap-2 my-2 p-2 relative desktop:p-4 w-full rounded-box shadow ${isRead ? 'bg-gray-100 dark:bg-gray-700' : 'bg-base-100 dark:bg-slate-500'}`}
-              >
-                <div className="relative">
+          <div key={noti.data.id}>
+            <div
+              className={`flex items-center gap-2 my-2 p-2 relative desktop:p-4 w-full rounded-box shadow ${isRead ? 'bg-gray-100 dark:bg-gray-700' : 'bg-base-100 dark:bg-slate-500'}`}
+            >
+              <div className="relative">
+                <Link href={`/main/user/${noti.data.answeredPersonHandle}`}>
                   <FaReply
                     className={`w-6 h-6 p-1 absolute z-[1] bottom-0 right-0 border-2 border-white rounded-full ${isRead ? 'bg-green-300' : 'bg-green-400'}`}
                     fill="white"
                   />
                   <img
-                    src={noti.data?.answeredPerson?.avatarUrl}
+                    src={noti.data.answeredPerson?.avatarUrl}
                     alt="answered persen avatar"
                     className={`w-16 h-16 rounded-full ${isRead && 'opacity-70'}`}
                   />
-                </div>
-                <div className={`w-[calc(100%-80px)] flex-col ${isRead && 'text-slate-500 dark:text-slate-400'}`}>
+                </Link>
+              </div>
+              <Link
+                href={`/main/user/${noti.data.answeredPersonHandle}/${noti.data.id}`}
+                className="w-[calc(100%-80px)]"
+                replace
+              >
+                <div className={`flex flex-col ${isRead && 'text-slate-500 dark:text-slate-400'}`}>
                   <span className="font-thin italic ">&quot;{noti.data?.question}&quot;</span>
                   <p>{noti.data?.answer}</p>
                 </div>
-              </div>
-            </Link>
+              </Link>
+            </div>
           </div>
         );
       }