refactor : 토스트UI position 타입 수정

Author: wldnjs990

src/components/ToastItem.tsx

@@ -5,7 +5,7 @@ import { twMerge } from 'tailwind-merge';
 interface ToastObj {
   time: number;
   toastType: 'Warning' | 'Success' | 'Error' | 'Info';
-  position: 'TOP' | 'BOTTOM';
+  position: 'Top' | 'Bottom';
   title: string;
   onClick?: () => void;
 }
@@ -20,8 +20,8 @@ export default function ToastItem({ toastObj, index }: { toastObj: ToastObj; ind
   };
 
   const TOAST_POSITION = {
-    TOP: 'top-20',
-    BOTTOM: 'bottom-20',
+    Top: 'top-20',
+    Bottom: 'bottom-20',
   };
 
   const animation = `toast-blink ${toastObj.time}s ease-in-out forwards`;

src/hooks/useServerSentEvents.tsx

@@ -37,7 +37,7 @@ export const useServerSentEvents = () => {
           setToastActive({
             toastType: 'Info',
             title: '새 알림이 도착했어요!',
-            position: 'TOP',
+            position: 'Top',
             time: 5,
             onClick: () => navigate('/mypage/notifications'),
           });

src/stores/toastStore.ts

@@ -3,7 +3,7 @@ import { create } from 'zustand';
 interface ToastObj {
   time: number;
   toastType: 'Warning' | 'Success' | 'Error' | 'Info';
-  position: 'TOP' | 'BOTTOM';
+  position: 'Top' | 'Bottom';
   title: string;
   onClick?: () => void;
 }
@@ -18,7 +18,7 @@ interface ToastStore {
 const toastObjFormat: ToastObj = {
   time: 2,
   toastType: 'Info',
-  position: 'BOTTOM',
+  position: 'Bottom',
   title: '',
   onClick: () => {},
 };