Merge pull request #882 from NUTFes/feat/Chikuwa/880-click-label-chec…

…k-box 企業ページの登録時・編集時に「企業名が正確である。」のラベルをクリックしてもチェックがつくようにする
NUTFes · Nov 21, 2024 · 5cdeba9 · 5cdeba9
2 parents 3aca1dd + 17db4d8
commit 5cdeba9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git 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
@@ -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'}