From c9a59fb44c9a952b24c6898850ba547d79952209 Mon Sep 17 00:00:00 2001
From: HeoJiye <heoze1031@gmail.com>
Date: Wed, 6 Mar 2024 18:34:28 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20sideber=20store=20=EC=82=AC=EC=9A=A9?=
 =?UTF-8?q?=ED=95=98=EB=8A=94=20=EB=B6=80=EB=B6=84=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/Header/Toast/Toast.tsx    |  7 ++-----
 .../common/Header/Toast/hooks/useToast.ts       | 17 +++--------------
 2 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/common/Header/Toast/Toast.tsx b/frontend/src/components/common/Header/Toast/Toast.tsx
index d6762b74..07ca50d0 100644
--- 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
index 0875bedf..6ff351ff 100644
--- a/frontend/src/components/common/Header/Toast/hooks/useToast.ts
+++ b/frontend/src/components/common/Header/Toast/hooks/useToast.ts
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-import { useSideBarStore, useToastStore } from '@stores/zustandStores';
+import { useToastStore } from '@stores/zustandStores';
 
 export function useToast() {
   const { message, removeToast } = useToastStore(state => ({
@@ -8,22 +8,11 @@ export function useToast() {
     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 };
 }