[fix]協賛活動、協賛スタイルのmodalclose

NUTFes · Jul 7, 2024 · 78ec7e2 · 78ec7e2
1 parent 22dd2db
commit 78ec7e2
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/view/next-project/src/components/sponsoractivities/DeleteModal.tsx b/view/next-project/src/components/sponsoractivities/DeleteModal.tsx
@@ -24,7 +24,7 @@ const SponsorActivitiesDeleteModal: FC<ModalProps> = (props) => {
   };
 
   return (
-    <Modal className='md:w-1/2'>
+    <Modal className='md:w-1/2' onClick={() => props.setShowModal(false)}>
       <div className='w-full'>
         <div className='ml-auto w-fit'>
           <CloseButton onClick={() => props.setShowModal(false)} />

diff --git a/view/next-project/src/components/sponsoractivities/EditModal.tsx b/view/next-project/src/components/sponsoractivities/EditModal.tsx
@@ -350,9 +350,13 @@ export default function EditModal(props: ModalProps) {
       </div>
     </div>
   );
+
+  const closeModal = () => {
+    props.setIsOpen(false);
+  };
 
   return (
-    <Modal className='md:w-1/2'>
+    <Modal className='md:w-1/2' onClick={closeModal}>
       <div className='w-full'>
         <div className='ml-auto w-fit'>
           <CloseButton

diff --git a/view/next-project/src/components/sponsoractivities/SponsorActivitiesAddModal.tsx b/view/next-project/src/components/sponsoractivities/SponsorActivitiesAddModal.tsx
@@ -424,9 +424,13 @@ export default function SponsorActivitiesAddModal(props: Props) {
       </div>
     );
   };
+
+  const closeModal = () => {
+    props.setIsOpen(false);
+  };
 
   return (
-    <Modal className='md:w-1/2'>
+    <Modal className='md:w-1/2' onClick={closeModal}>
       <div className='w-full'>
         <div className='ml-auto w-fit'>
           <CloseButton

diff --git a/view/next-project/src/components/sponsorstyles/DeleteModal.tsx b/view/next-project/src/components/sponsorstyles/DeleteModal.tsx
@@ -24,7 +24,7 @@ const SponsorStyleDeleteModal: FC<ModalProps> = (props) => {
   };
 
   return (
-    <Modal className='md:w-1/2'>
+    <Modal className='md:w-1/2' onClick={() => props.setShowModal(false)}>
       <div className='w-full'>
         <div className='ml-auto w-fit'>
           <CloseButton onClick={() => props.setShowModal(false)} />

diff --git a/view/next-project/src/components/sponsorstyles/EditModal.tsx b/view/next-project/src/components/sponsorstyles/EditModal.tsx
@@ -72,9 +72,13 @@ export default function EditModal(props: ModalProps) {
       </div>
     </div>
   );
+
+  const closeModal = () => {
+    props.setIsOpen(false);
+  };
 
   return (
-    <Modal className='md:w-1/2'>
+    <Modal className='md:w-1/2' onClick={closeModal}>
       <div className='w-full'>
         <div className='ml-auto w-fit'>
           <CloseButton

diff --git a/view/next-project/src/components/sponsorstyles/SponsorStyleAddModal.tsx b/view/next-project/src/components/sponsorstyles/SponsorStyleAddModal.tsx
@@ -38,9 +38,13 @@ export default function SponsorAddModal(props: ModalProps) {
     props.setIsOpen(false);
     router.reload();
   };
+
+  const closeModal = () => {
+    props.setIsOpen(false);
+  };
 
   return (
-    <Modal className='md:w-1/2'>
+    <Modal className='md:w-1/2' onClick={closeModal}>
       <div className='w-full'>
         <div className='ml-auto mr-5 w-fit'>
           <CloseButton onClick={() => props.setIsOpen(false)} />