fix:モーダルのコールバックを修正

su-its · Mar 29, 2024 · be1a6ac · be1a6ac
1 parent 8a2058e
commit be1a6ac
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/typing-app/src/components/molecules/LoginModal.tsx b/typing-app/src/components/molecules/LoginModal.tsx
@@ -33,7 +33,6 @@ const LoginModal: React.FC<LoginModalProps> = ({ isOpen, onClose }) => {
       <ModalOverlay />
       <ModalContent>
         <ModalHeader>続けるにはログインが必要です</ModalHeader>
-        <ModalCloseButton />
         <ModalBody>
           <Input
             placeholder="学籍番号を入力してください"

diff --git a/typing-app/src/components/molecules/LogoutButton.tsx b/typing-app/src/components/molecules/LogoutButton.tsx
@@ -20,7 +20,7 @@ const LogoutButton: React.FC = () => {
         Logout
       </Button>
 
-      <LogoutModal isOpen={isOpen} onClose={onClose} />
+      <LogoutModal isOpen={isOpen} onClose={onClose}/>
     </>
   );
 };

diff --git a/typing-app/src/components/molecules/LogoutModal.tsx b/typing-app/src/components/molecules/LogoutModal.tsx
@@ -14,7 +14,7 @@ const LogoutModal: React.FC<LogoutModalProps> = ({ isOpen, onClose }) => {
         <ModalHeader>ログアウトしました</ModalHeader>
         <ModalBody>ご利用ありがとうございました。</ModalBody>
         <ModalFooter>
-          <Button colorScheme="blue" mr={3}>
+          <Button colorScheme="blue" mr={3} onClick={ onClose }>
             OK
           </Button>
         </ModalFooter>
-Original file line number
+Diff line change
@@ Expand Up / @@ -20,7 +20,7 @@ const LogoutButton: React.FC = () => { @@
             Logout
           </Button>
-          <LogoutModal isOpen={isOpen} onClose={onClose} />
+          <LogoutModal isOpen={isOpen} onClose={onClose}/>
         </>
       );
     };
@@ Expand Down @@