fix: 차크라Provider ThemeProvier 변경

DDD-Community · Feb 1, 2024 · 2c639a5 · 2c639a5
1 parent 38f90a5
commit 2c639a5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/assets/icons/NotificationIcon.tsx b/src/assets/icons/NotificationIcon.tsx
@@ -10,8 +10,8 @@ const NotificationIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
         fill={props.fill ? 'current' : '#9299AA'}
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M6.75964 18.8564C7.22461 20.6642 8.86544 21.9999 10.8183 21.9999C12.7711 21.9999 14.4119 20.6642 14.8769 18.8564H6.75964Z"
         fill={props.fill ? 'current' : '#9299AA'}
       />

diff --git a/src/assets/icons/SettingIcon.tsx b/src/assets/icons/SettingIcon.tsx
@@ -10,8 +10,8 @@ const SettingIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     {...props}
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M10.4294 1.58887C9.50712 1.58887 8.75943 2.33655 8.75943 3.25887V3.47901C8.75943 4.18678 8.30193 4.80025 7.68642 5.14967C7.65473 5.16765 7.62321 5.18588 7.59186 5.20437C6.98176 5.56395 6.22132 5.65358 5.60809 5.29935L5.41723 5.1891C4.61858 4.72777 3.59717 5.00122 3.13584 5.79987L2.56511 6.78789C2.10378 7.58654 2.37723 8.60796 3.17587 9.06929L3.36907 9.18089C3.98119 9.53448 4.28416 10.2362 4.27836 10.9431L4.27813 10.9994L4.27836 11.056C4.28419 11.763 3.98123 12.4647 3.36908 12.8183L3.17592 12.9299C2.37728 13.3913 2.10383 14.4127 2.56516 15.2113L3.13588 16.1993C3.59722 16.998 4.61863 17.2714 5.41728 16.8101L5.6084 16.6997C6.2216 16.3455 6.982 16.4351 7.59209 16.7947C7.62338 16.8131 7.65483 16.8313 7.68644 16.8492C8.30196 17.1986 8.75946 17.8121 8.75946 18.5199V18.7403C8.75946 19.6626 9.50714 20.4103 10.4295 20.4103H11.5707C12.4931 20.4103 13.2407 19.6626 13.2407 18.7403V18.5198C13.2407 17.8121 13.6982 17.1986 14.3137 16.8492C14.3453 16.8313 14.3767 16.8131 14.408 16.7947C15.018 16.4352 15.7784 16.3456 16.3916 16.6998L16.5827 16.8102C17.3814 17.2715 18.4028 16.998 18.8641 16.1994L19.4349 15.2114C19.8962 14.4127 19.6227 13.3913 18.8241 12.93L18.631 12.8184C18.0189 12.4648 17.7159 11.763 17.7217 11.0561L17.722 10.9994L17.7217 10.943C17.7159 10.2361 18.0189 9.53435 18.631 9.18075L18.824 9.06926C19.6227 8.60793 19.8961 7.58651 19.4348 6.78786L18.8641 5.79984C18.4028 5.00119 17.3813 4.72774 16.5827 5.18907L16.3919 5.29929C15.7787 5.65351 15.0183 5.56389 14.4082 5.20431C14.3768 5.18586 14.3454 5.16764 14.3137 5.14968C13.6982 4.80027 13.2407 4.1868 13.2407 3.47903V3.25887C13.2407 2.33655 12.493 1.58887 11.5707 1.58887H10.4294ZM11 13.6882C12.485 13.6882 13.6888 12.4844 13.6888 10.9994C13.6888 9.51448 12.485 8.31068 11 8.31068C9.51505 8.31068 8.31125 9.51448 8.31125 10.9994C8.31125 12.4844 9.51505 13.6882 11 13.6882Z"
       fill={props.fill ? 'current' : '#9299AA'}
     />

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,4 +1,4 @@
-import { ChakraProvider, CSSReset, extendTheme } from '@chakra-ui/react';
+import { ThemeProvider, CSSReset, extendTheme } from '@chakra-ui/react';
 import Layout from '@/components/templates/Layout';
 import '@/styles/globals.css';
 import type { AppProps } from 'next/app';
@@ -16,12 +16,12 @@ const theme = extendTheme({
 export default function App({ Component, pageProps }: AppProps): JSX.Element {
   return (
     <RecoilRoot>
-      <ChakraProvider theme={theme}>
+      <ThemeProvider theme={theme}>
         <CSSReset />
         <Layout>
           <Component {...pageProps} />
         </Layout>
-      </ChakraProvider>
+      </ThemeProvider>
     </RecoilRoot>
   );
 }