fix(platform): Resolve loading SVG blocking input field interaction (k…

…eyshade-xyz#571)
muntaxir4 · Dec 2, 2024 · 30f4f65 · 30f4f65
1 parent 40b754f
commit 30f4f65
Show file tree

Hide file tree

Showing 2 changed files with 3,817 additions and 3,657 deletions.
diff --git a/apps/platform/src/app/auth/page.tsx b/apps/platform/src/app/auth/page.tsx
@@ -79,6 +79,7 @@ export default function AuthPage(): React.JSX.Element {
         <form className="flex flex-col gap-3">
           <label htmlFor="email">
             <Input
+              disabled={isLoading}
               onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                 setEmail(e.target.value)
               }}
@@ -97,14 +98,14 @@ export default function AuthPage(): React.JSX.Element {
               void handleGetStarted(email)
             }}
           >
-            {isLoading ? <LoadingSVG className="w-10" /> : 'Get Started'}
+            {isLoading ? <LoadingSVG className="w-10 h-auto" /> : 'Get Started'}
           </Button>
         </form>
         {/* <Button className="w-full" variant="outline">
           Already have an account? Sign In
         </Button> */}
         <div className="text-center text-xs text-[#808080]">
-          By continueing, you acknowledge and agree to our <br />
+          By continuing, you acknowledge and agree to our <br />
           <a
             className="underline"
             href="https://keyshade.xyz/terms_and_condition"