Fix: Change toastAlertStore

Alfex4936 · Feb 21, 2024 · 8056d06 · 8056d06
1 parent 0fe82a1
commit 8056d06
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -13,7 +13,7 @@ const App = () => {
   const modalState = useModalStore();
   const toastState = useToastStore();
 
-  const notify = () => toast("회원가입 완료");
+  const notify = () => toast(toastState.toastText);
 
   useEffect(() => {
     if (toastState.isToast) {

diff --git a/frontend/src/components/MarkerInfoModal/MarkerInfoModal.tsx b/frontend/src/components/MarkerInfoModal/MarkerInfoModal.tsx
@@ -26,6 +26,7 @@ const MarkerInfoModal = ({
 
   useEffect(() => {
     toastState.close();
+    toastState.setToastText("");
 
     if (currentMarkerInfo.photos) {
       console.log(currentMarkerInfo.photos[0].photoUrl);
@@ -37,6 +38,7 @@ const MarkerInfoModal = ({
   const handleDelete = () => {
     DeleteMarker(currentMarkerInfo.markerId).then((res) => {
       console.log(res);
+      toastState.setToastText("삭제 완료");
       toastState.open();
       markers[currentMarkerInfo.index].setMap(null);
       setMarkerInfoModal(false);

diff --git a/frontend/src/components/SignupForm/SignupForm.tsx b/frontend/src/components/SignupForm/SignupForm.tsx
@@ -26,6 +26,7 @@ const SignupForm = () => {
 
   useEffect(() => {
     toastState.close();
+    toastState.setToastText("");
   }, []);
 
   const handleSubmit = () => {
@@ -80,6 +81,7 @@ const SignupForm = () => {
         } else if (res.error && res.error.code === 500) {
           setSigninError("서버 에러");
         } else {
+          toastState.setToastText("회원 가입 완료");
           toastState.open();
           modalState.close();
           modalState.openLogin();

diff --git a/frontend/src/store/useToastStore.ts b/frontend/src/store/useToastStore.ts
@@ -2,12 +2,16 @@ import { create } from "zustand";
 
 interface ToastState {
   isToast: boolean;
+  toastText: string;
+  setToastText: (text: string) => void;
   close: VoidFunction;
   open: VoidFunction;
 }
 
 const useToastStore = create<ToastState>()((set) => ({
   isToast: false,
+  toastText: "",
+  setToastText: (text: string) => set({ toastText: text }),
   close: () => set({ isToast: false }),
   open: () => set({ isToast: true }),
 }));