From 7d1edcd87332306fe7e65eedbde4339d67f9ce79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=87=E1=85=A1=E1=86=A8=E1=84=8C=E1=85=A5=E1=86=BC?=
 =?UTF-8?q?=E1=84=89=E1=85=A5=E1=86=A8?= <wjdtjr8649@Naver.com>
Date: Thu, 7 Dec 2023 10:13:31 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=8F=84?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EB=A9=94?=
 =?UTF-8?q?=EC=9D=B8=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A6=AC=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 next.config.js                             |  7 +-
 src/components/Card/HomeCard.tsx           |  2 +-
 src/pages/contents/[channelLink]/admin.tsx | 84 ++++++++++++----------
 src/pages/index.tsx                        |  2 +-
 4 files changed, 53 insertions(+), 42 deletions(-)

diff --git a/next.config.js b/next.config.js
index 176d75ff..84a52e64 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,7 +1,12 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   images: {
-    domains: ['localhost', 'k.kakaocdn.net', 'league-hub-s3.s3.ap-northeast-2.amazonaws.com'],
+    domains: [
+      'localhost',
+      'k.kakaocdn.net',
+      'league-hub-s3.s3.ap-northeast-2.amazonaws.com',
+      'league-hub.s3.ap-northeast-2.amazonaws.com',
+    ],
   },
   reactStrictMode: true,
 };
diff --git a/src/components/Card/HomeCard.tsx b/src/components/Card/HomeCard.tsx
index 3fe4fedd..80ecd549 100644
--- a/src/components/Card/HomeCard.tsx
+++ b/src/components/Card/HomeCard.tsx
@@ -23,7 +23,7 @@ const Container = styled.div<{ hasOnClick: boolean }>`
   text-align: center;
   background-color: white;
   border-radius: 1rem;
-  font-size: 2rem;
+  font-size: 1.6rem;
   justify-content: center;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 
diff --git a/src/pages/contents/[channelLink]/admin.tsx b/src/pages/contents/[channelLink]/admin.tsx
index 2671dd26..15372513 100644
--- a/src/pages/contents/[channelLink]/admin.tsx
+++ b/src/pages/contents/[channelLink]/admin.tsx
@@ -63,6 +63,7 @@ const Admin = ({ role }: Props) => {
       checkInSubscription = tmpClient.subscribe(
         `/match/${router.query.channelLink as string}`,
         (data) => {
+          console.log(data, '소켓');
           setAlramInfo(JSON.parse(data.body));
         },
       );
@@ -75,45 +76,50 @@ const Admin = ({ role }: Props) => {
   }, [router.query.channelLink as string]);
 
   return (
-    <Container>
-      <Header>대회 설정</Header>
-      <BracketContainer>
-        <AdminButton
-          onClick={() =>
-            openModal(Modal, {
-              onClose: () => closeModal(Modal),
-              children: <ModifyBracket onClose={() => closeModal(Modal)} />,
-            })
-          }
-        >
-          대회 관리하기
-        </AdminButton>
-        <AdminButton
-          onClick={() =>
-            openModal(Modal, {
-              onClose: () => closeModal(Modal),
-              children: (
-                <ModifyChannel
-                  channelLink={router.query.channelLink as string}
-                  onClose={() => closeModal(Modal)}
-                />
-              ),
-            })
-          }
-        >
-          채널 정보 수정하기
-        </AdminButton>
-      </BracketContainer>
-      <Header>대회 알림</Header>
-      <BracketContainer>
-        <RoundList>
-          {data?.roundList.map((ele) => {
-            return <RoundAlarmHeader liveRound={data.liveRound} curRound={ele} key={ele} />;
-          })}
-        </RoundList>
-      </BracketContainer>
-      {curRound && <RoundAlarmBody curRound={curRound} alramInfo={alramInfo} />}
-    </Container>
+    <div>
+      {' '}
+      <div>
+        <Container>
+          <Header>대회 설정</Header>
+          <BracketContainer>
+            <AdminButton
+              onClick={() =>
+                openModal(Modal, {
+                  onClose: () => closeModal(Modal),
+                  children: <ModifyBracket onClose={() => closeModal(Modal)} />,
+                })
+              }
+            >
+              대회 관리하기
+            </AdminButton>
+            <AdminButton
+              onClick={() =>
+                openModal(Modal, {
+                  onClose: () => closeModal(Modal),
+                  children: (
+                    <ModifyChannel
+                      channelLink={router.query.channelLink as string}
+                      onClose={() => closeModal(Modal)}
+                    />
+                  ),
+                })
+              }
+            >
+              채널 정보 수정하기
+            </AdminButton>
+          </BracketContainer>
+          <Header>대회 알림</Header>
+          <BracketContainer>
+            <RoundList>
+              {data?.roundList.map((ele) => {
+                return <RoundAlarmHeader liveRound={data.liveRound} curRound={ele} key={ele} />;
+              })}
+            </RoundList>
+          </BracketContainer>
+          {curRound && <RoundAlarmBody curRound={curRound} alramInfo={alramInfo} />}
+        </Container>
+      </div>
+    </div>
   );
 };
 
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 58791538..bdb8c569 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -44,7 +44,7 @@ export default function Home() {
                   {notice.noticeTitle}
                 </ItemLink>
               </ItemHeader>
-              {notice.noticeInfo && <span>`- ${notice.noticeInfo}`</span>}
+              {notice.noticeInfo && <span>- {notice.noticeInfo}</span>}
             </Item>
           );
         })}