fix: date picker 비활성화 색

Author: halionaz

src/App.tsx

@@ -5,6 +5,7 @@ import 'react-time-picker-typescript/dist/style.css';
 
 import SocketProvider from './common/components/SocketProvider';
 import { OverlayProvider } from '@/common/components/OverlayProvider';
+import NotificationProvider from '@/common/components/NotificationProvider';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -25,7 +26,9 @@ function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <SocketProvider>
-        <OverlayProvider>{router}</OverlayProvider>
+        <OverlayProvider>
+          <NotificationProvider>{router}</NotificationProvider>
+        </OverlayProvider>
       </SocketProvider>
     </QueryClientProvider>
   );

src/common/components/DatePicker/style.css.ts

@@ -46,11 +46,14 @@ export const Container = css({
     fontWeight: 400,
     letterSpacing: '-0.03rem',
     '&:disabled': {
-      color: '20',
+      color: 'main-26',
     },
   },
   '& .react-calendar__month-view__days__day--neighboringMonth': {
     color: '20',
+    '&:disabled': {
+      color: '20',
+    },
   },
   '& .react-calendar__tile--active': {
     bg: 'main-26',

src/common/components/NotificationProvider/index.tsx

@@ -0,0 +1,21 @@
+import { useEffect, type PropsWithChildren } from 'react';
+
+const NotificationProvider = ({ children }: PropsWithChildren) => {
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent) => {
+      try {
+        const data = JSON.parse(event.data);
+        alert(data.message);
+      } catch (e) {
+        console.log(e);
+      }
+    };
+
+    window.addEventListener('message', handleMessage);
+
+    return () => window.removeEventListener('message', handleMessage);
+  }, []);
+
+  return <>{children}</>;
+};
+export default NotificationProvider;

src/main.tsx

@@ -1,16 +1,13 @@
 import '@/index.css';
 import 'mingcute_icon/font/Mingcute.css';
 
-import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router';
 
 import App from '@/App';
 
 createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
-  </StrictMode>,
+  <BrowserRouter>
+    <App />
+  </BrowserRouter>,
 );