fix: 전체화면 취소시 <>버튼 안생김

boostcampwm2023 · Dec 13, 2023 · b64c2b7 · b64c2b7
1 parent 70140af
commit b64c2b7
Showing 1 changed file with 12 additions and 3 deletions.
diff --git 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])}
+        />
       )}
     </>
   );