feat: sideber store 사용하는 부분 삭제

boostcampwm2023 · Mar 6, 2024 · c9a59fb · c9a59fb
1 parent f82a3bc
commit c9a59fb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 19 deletions.
diff --git a/frontend/src/components/common/Header/Toast/Toast.tsx b/frontend/src/components/common/Header/Toast/Toast.tsx
@@ -3,15 +3,12 @@ import { Icon } from '@iconify/react/dist/iconify.js';
 import { useToast } from './hooks';
 
 export function Toast() {
-  const { message, removeToast } = useToast();
+  const { message } = useToast();
 
   return (
     <>
       {message && (
-        <div
-          className="toast absolute top-[120%] right-20 animate-shining"
-          onClick={removeToast}
-        >
+        <div className="toast absolute top-[120%] right-20 animate-shining">
           <div className="alert w-fit">
             <Icon
               icon="mingcute:message-3-fill"

diff --git a/frontend/src/components/common/Header/Toast/hooks/useToast.ts b/frontend/src/components/common/Header/Toast/hooks/useToast.ts
@@ -1,29 +1,18 @@
 import { useEffect } from 'react';
 
-import { useSideBarStore, useToastStore } from '@stores/zustandStores';
+import { useToastStore } from '@stores/zustandStores';
 
 export function useToast() {
   const { message, removeToast } = useToastStore(state => ({
     message: state.message,
     removeToast: state.removeToast,
   }));
 
-  const { sideBarState } = useSideBarStore(state => ({
-    sideBarState: state.sideBarState,
-  }));
-
-  useEffect(() => {
-    if (!message) return;
-    removeToast();
-  }, []);
+  useEffect(removeToast, []);
 
   useEffect(() => {
     if (!message) return;
 
-    if (sideBarState) {
-      removeToast();
-    }
-
     if (message) {
       const timeout = setTimeout(() => {
         removeToast();
@@ -32,5 +21,5 @@ export function useToast() {
     }
   }, [message]);
 
-  return { message, removeToast };
+  return { message };
 }