[FIX] padding style

RevelioStartup · May 29, 2024 · 201407e · 201407e
1 parent 3159b95
commit 201407e
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 6 deletions.
diff --git a/src/app/login/LoginForm.tsx b/src/app/login/LoginForm.tsx
@@ -81,7 +81,7 @@ export default function LoginForm() {
       borderRadius={'0 0 80% 0'}
       alignItems={'center'}
       justifyContent={'center'}
-      padding={{ xs: '4em 4em', lg: '4em 4em' }}
+      padding={{ xs: '10px 10px', lg: '4em 4em' }}
     >
       <form
         className="flex flex-col gap-3"

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
@@ -16,7 +16,7 @@ export default function LoginPage() {
       borderRadius={'0 0 80% 0'}
       alignItems={'center'}
       justifyContent={'center'}
-      padding={{ xs: '4em 4em', lg: '4em 4em' }}
+      padding={{ xs: '10px 10px', lg: '4em 4em' }}
     >
       <LoginPageTitle data-testid="login-title" />
       <LoginForm data-testid="login-form" />

diff --git a/src/app/register/RegisterForm.tsx b/src/app/register/RegisterForm.tsx
@@ -78,7 +78,7 @@ export default function RegisterForm() {
       borderRadius={'0 0 80% 0'}
       alignItems={'center'}
       justifyContent={'center'}
-      padding={{ xs: '4em 4em', lg: '4em 4em' }}
+      padding={{ xs: '10px 10px', lg: '4em 4em' }}
     >
       <form
         className="flex flex-col gap-3"

diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
@@ -16,7 +16,7 @@ export default function Register() {
       borderRadius={'0 0 80% 0'}
       alignItems={'center'}
       justifyContent={'center'}
-      padding={{ xs: '4em 4em', lg: '4em 4em' }}
+      padding={{ xs: '10px 10px', lg: '4em 4em' }}
     >
       <RegisterPageTitle />
       <RegisterForm />

diff --git a/src/app/register/verify/VerifyForm.tsx b/src/app/register/verify/VerifyForm.tsx
@@ -21,7 +21,7 @@ export default function VerifyEmailForm() {
     token: '',
   }
 
-  const [verify] = useVerifyEmailMutation()
+  const [verify, { isLoading }] = useVerifyEmailMutation()
 
   const [openPrompt, setOpenPrompt] = useState(false)
   const [message, setMessage] = useState('')
@@ -78,7 +78,9 @@ export default function VerifyEmailForm() {
           required
           data-testid="token-input"
         />
-        <Button type="submit">Verify</Button>
+        <Button type="submit" loading={isLoading}>
+          Verify
+        </Button>
       </form>
 
       <MessageDialog

diff --git a/src/types/profile.ts b/src/types/profile.ts
@@ -4,6 +4,7 @@ export interface Profile {
     id: number
     username: string
     email: string
+    is_verified_user: boolean
   }
   profile: {
     bio: string