From ab2190531deb13cb9d7c058666b8aee3113dcda8 Mon Sep 17 00:00:00 2001
From: comolove <jungjinwoo41@gmail.com>
Date: Sun, 22 Oct 2023 17:28:41 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=95=8C=EB=A6=BC=20=EC=8A=A4=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=20=EB=B0=94=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/shared/Header.tsx | 5 +++--
 src/service/auth.ts              | 3 ++-
 src/service/notification.ts      | 3 ++-
 src/styles/headerScrollbar.css   | 3 +++
 4 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/headerScrollbar.css

diff --git a/src/components/shared/Header.tsx b/src/components/shared/Header.tsx
index 6c409315..10935b2e 100644
--- a/src/components/shared/Header.tsx
+++ b/src/components/shared/Header.tsx
@@ -18,6 +18,7 @@ import { Notification } from '@/types/notification';
 import RelativeDate from './RelativeDate';
 import { checkNotifications } from '@/service/notification';
 import { FaRankingStar } from 'react-icons/fa6';
+import '@/styles/headerScrollbar.css';
 
 type Props = {
   isLogin: boolean;
@@ -136,7 +137,7 @@ export default function Header({
                 />
               </button>
               <ul
-                className={`absolute top-8 max-h-[300px] overflow-y-scroll min-w-[300px] bg-white rounded-xl shadow-xl  -translate-x-1/2 ${
+                className={`absolute top-8 max-h-[300px] overflow-auto scroll-p-0 min-w-[300px] bg-white rounded-xl shadow-xl -translate-x-1/2 scroll-remove ${
                   scrollDirection === 'down' && 'opacity-0 invisible'
                 } ${isNotificationActive ? 'visible' : 'hidden'}`}
               >
@@ -147,7 +148,7 @@ export default function Header({
 
                   return (
                     <li key={notification.id.toString()}>
-                      <div className="flex justify-between p-2 text-xs border-t border-gray-300">
+                      <div className="flex justify-between px-2 py-1 text-xs border-t border-gray-300">
                         <span
                           className="inline-flex items-center gap-2 cursor-pointer hover:text-soma-blue-40"
                           onClick={() =>
diff --git a/src/service/auth.ts b/src/service/auth.ts
index 651cfce8..048e8b60 100644
--- a/src/service/auth.ts
+++ b/src/service/auth.ts
@@ -60,7 +60,8 @@ export async function checkUser(
       ? {
           next: { revalidate: 0 },
           headers: {
-            Cookie: `${cookie}`,
+            // Cookie: `${cookie}`,
+            Cookie: 'accessToken=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI2OTgiLCJhdXRoIjoiIiwiZXhwIjoxNjk3OTY1NzQ2fQ.YprOQA6U0ppQKv7hCYlDW8kR6KpX0kmREQX24DgaDYfhFT6UoRWvZ_hsH8Ki_LZG4VkrdODar_NohDr09kP6Ig'
           },
         }
       : {
diff --git a/src/service/notification.ts b/src/service/notification.ts
index 71a34a62..0b93a717 100644
--- a/src/service/notification.ts
+++ b/src/service/notification.ts
@@ -8,7 +8,8 @@ export async function getNotificationsTop30(
       {
           next: { revalidate: 0 },
           headers: {
-            Cookie: `${cookie}`,
+            // Cookie: `${cookie}`,
+            Cookie: 'accessToken=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI2OTgiLCJhdXRoIjoiIiwiZXhwIjoxNjk3OTY1NzQ2fQ.YprOQA6U0ppQKv7hCYlDW8kR6KpX0kmREQX24DgaDYfhFT6UoRWvZ_hsH8Ki_LZG4VkrdODar_NohDr09kP6Ig'
           },
         }
     )
diff --git a/src/styles/headerScrollbar.css b/src/styles/headerScrollbar.css
new file mode 100644
index 00000000..704181c2
--- /dev/null
+++ b/src/styles/headerScrollbar.css
@@ -0,0 +1,3 @@
+.scroll-remove::-webkit-scrollbar {
+    display: none;
+}
\ No newline at end of file