From b64c2b75f4eefdf6922f94ab298ddd85a59b61c8 Mon Sep 17 00:00:00 2001
From: 5nxtnxtnxt <5nxtnxtnxt@gmail.com>
Date: Wed, 13 Dec 2023 19:18:03 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A0=84=EC=B2=B4=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EC=B7=A8=EC=86=8C=EC=8B=9C=20<>=EB=B2=84=ED=8A=BC=20=EC=95=88?=
 =?UTF-8?q?=EC=83=9D=EA=B9=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/pages/Main/MainButtonBox.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/front/src/pages/Main/MainButtonBox.tsx b/front/src/pages/Main/MainButtonBox.tsx
index 9c8d782..5b75d0b 100644
--- a/front/src/pages/Main/MainButtonBox.tsx
+++ b/front/src/pages/Main/MainButtonBox.tsx
@@ -100,13 +100,20 @@ const screenTime = (
   }, 1000);
 };
 
-const uiOn = (setScreen: React.Dispatch<React.SetStateAction<boolean>>) => {
+const uiOn = (
+  setScreen: React.Dispatch<React.SetStateAction<boolean>>,
+  refs: Array<React.RefObject<HTMLDivElement>>
+) => {
   const music = document.getElementById('musicController');
   music ? (music.style.display = 'block') : null;
 
   const prev = document.getElementById('prevBtn');
   prev ? (prev.style.display = 'block') : null;
-
+  refs.forEach(ref => {
+    if (ref.current) {
+      ref.current.style.setProperty('animation', `fadeInUp 0s forwards`);
+    }
+  });
   setScreen(false);
 };
 
@@ -258,7 +265,9 @@ const MainButtonBox = (props: MainButtonBoxProps) => {
           ) : null}
         </>
       ) : (
-        <EmptyDiv onClick={() => uiOn(setScreen)} />
+        <EmptyDiv
+          onClick={() => uiOn(setScreen, [props.leftArrow, props.rightArrow])}
+        />
       )}
     </>
   );