fix: 토글 이벤트 핸들러 추가

DDD-Community · Jan 30, 2024 · e55c963 · e55c963
1 parent 489fa1c
commit e55c963
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/atoms/Toggle.tsx b/src/components/atoms/Toggle.tsx
@@ -11,15 +11,15 @@ const customTheme = extendTheme({
 
 const Toggle: React.FC<{
   isToggleOn?: boolean;
-  toggleState?: () => void;
-}> = ({ isToggleOn, toggleState }) => {
+  onClick?: () => void;
+}> = ({ isToggleOn, onClick }) => {
   return (
     <ThemeProvider theme={customTheme}>
       <CSSReset />
       <Switch
         colorScheme="primary2"
         isChecked={isToggleOn}
-        onChange={toggleState}
+        onChange={onClick}
       />
     </ThemeProvider>
   );

diff --git a/src/pages/mypage/notification/index.tsx b/src/pages/mypage/notification/index.tsx
@@ -29,7 +29,11 @@ const NotificationPage: NextPage = () => {
               <div className="heading4-semibold text-gray7">나눔 알림</div>
               <div className="body2-medium text-gray5">나눔 현황 알림</div>
             </div>
-            <Toggle />
+            <Toggle
+              onClick={() => {
+                console.log('나눔현황알림');
+              }}
+            />
           </div>
         </div>
       </section>