From 17db4d8d291a65f15f478404d74d99162b6d29e1 Mon Sep 17 00:00:00 2001
From: Chikuwa0141 <s243354@stn.nagaokaut.ac.jp>
Date: Wed, 9 Oct 2024 21:51:55 +0900
Subject: [PATCH] [feat] add abel

---
 .../src/components/sponsors/SponsorAddModal.tsx  | 16 +++++++++-------
 .../src/components/sponsors/SponsorEditModal.tsx | 16 +++++++++-------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/view/next-project/src/components/sponsors/SponsorAddModal.tsx b/view/next-project/src/components/sponsors/SponsorAddModal.tsx
index 479a90332..2ed7b1747 100644
--- a/view/next-project/src/components/sponsors/SponsorAddModal.tsx
+++ b/view/next-project/src/components/sponsors/SponsorAddModal.tsx
@@ -71,14 +71,16 @@ export default function SponsorAddModal() {
           />
         </div>
       </div>
-      <div className='my-6 flex w-full justify-center '>
-        <div>
-          <Checkbox checked={isChecked} onChange={() => setIsChecked(!isChecked)} />
+      <label>
+        <div className='my-6 flex w-full justify-center '>
+          <div>
+            <Checkbox checked={isChecked} onChange={() => setIsChecked(!isChecked)} />
+          </div>
+          <p className='ml-4 text-black-600 '>
+            企業名が正確である。※株式会社などがついている正しいものか
+          </p>
         </div>
-        <p className='ml-4 text-black-600 '>
-          企業名が正確である。※株式会社などがついている正しいものか
-        </p>
-      </div>
+      </label>
       <div className='mx-auto mb-5 w-fit'>
         <PrimaryButton
           className={'mx-2'}
diff --git a/view/next-project/src/components/sponsors/SponsorEditModal.tsx b/view/next-project/src/components/sponsors/SponsorEditModal.tsx
index 0c108f743..bcde951f6 100644
--- a/view/next-project/src/components/sponsors/SponsorEditModal.tsx
+++ b/view/next-project/src/components/sponsors/SponsorEditModal.tsx
@@ -73,14 +73,16 @@ export default function SponsorEditModal(props: Props) {
           />
         </div>
       </div>
-      <div className='my-6 flex w-full justify-center '>
-        <div>
-          <Checkbox checked={isChecked} onChange={() => setIsChecked(!isChecked)} />
+      <label>
+        <div className='my-6 flex w-full justify-center '>
+          <div>
+            <Checkbox checked={isChecked} onChange={() => setIsChecked(!isChecked)} />
+          </div>
+          <p className='ml-4 text-black-600 '>
+            企業名が正確である。※株式会社などがついている正しいものか
+          </p>
         </div>
-        <p className='ml-4 text-black-600 '>
-          企業名が正確である。※株式会社などがついている正しいものか
-        </p>
-      </div>
+      </label>
       <div className='mx-auto mb-5 w-fit'>
         <PrimaryButton
           className={'mx-2'}