Merge pull request #1553 from ItzNotABug/fix-terms-checkbox

Fix terms checkbox and gap
appwrite · Jan 2, 2025 · 97da239 · 97da239
2 parents cc89194 + 1168c49
commit 97da239
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 30 deletions.
diff --git a/src/lib/elements/forms/inputChoice.svelte b/src/lib/elements/forms/inputChoice.svelte
@@ -30,7 +30,7 @@
     }
 </script>
 
-<label class="choice-item" for={id}>
+<div class="choice-item">
     <Layout.Stack direction="row" alignItems="flex-start">
         {#if type === 'switchbox'}
             <Selector.Switch
@@ -80,7 +80,7 @@
             {/if}
         </div>
     </Layout.Stack>
-</label>
+</div>
 {#if error}
     <Helper type="warning">{error}</Helper>
 {/if}
diff --git a/src/routes/(public)/invite/+page.svelte b/src/routes/(public)/invite/+page.svelte
@@ -61,35 +61,37 @@
                 <Button href={`${base}/register`}>Sign up to Appwrite</Button>
             </div>
         {:else}
-            <p class="text">You have been invited to join an organization on Appwrite</p>
-            <Form onSubmit={acceptInvite}>
-                <FormList>
-                    <InputChoice
-                        required
-                        bind:value={terms}
-                        id="terms"
-                        label="terms"
-                        showLabel={false}>
-                        By accepting the invitation, you agree to the <a
-                            class="link"
-                            href="https://appwrite.io/terms"
-                            target="_blank"
-                            rel="noopener noreferrer">Terms and Conditions</a>
-                        and
-                        <a
-                            class="link"
-                            href="https://appwrite.io/privacy"
-                            target="_blank"
-                            rel="noopener noreferrer">
-                            Privacy Policy</a
-                        >.</InputChoice>
+            <div class="u-flex-vertical u-gap-16">
+                <p class="text">You have been invited to join an organization on Appwrite</p>
+                <Form onSubmit={acceptInvite}>
+                    <FormList>
+                        <InputChoice
+                            required
+                            bind:value={terms}
+                            id="terms"
+                            label="terms"
+                            showLabel={false}>
+                            By accepting the invitation, you agree to the <a
+                                class="link"
+                                href="https://appwrite.io/terms"
+                                target="_blank"
+                                rel="noopener noreferrer">Terms and Conditions</a>
+                            and
+                            <a
+                                class="link"
+                                href="https://appwrite.io/privacy"
+                                target="_blank"
+                                rel="noopener noreferrer">
+                                Privacy Policy</a
+                            >.</InputChoice>
 
-                    <div class="u-flex u-main-end u-gap-12">
-                        <Button secondary href={`${base}/login`}>Cancel</Button>
-                        <Button submit>Accept</Button>
-                    </div>
-                </FormList>
-            </Form>
+                        <div class="u-flex u-main-end u-gap-12">
+                            <Button secondary href={`${base}/login`}>Cancel</Button>
+                            <Button submit disabled={!terms}>Accept</Button>
+                        </div>
+                    </FormList>
+                </Form>
+            </div>
         {/if}
     </svelte:fragment>
 </Unauthenticated>