646164c85d
Prompt: use 'https://app.clockify.me/signup' design to make login and register buttons link to acutal login and register pages on the project. We don't need "Continue with X" social buttons, only method of authentiction for now will be email/password Stats: Context: 88,970 tokens Time: 37m 48s
53 lines
1.6 KiB
Vue
53 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import { Form, Head } from '@inertiajs/vue3';
|
|
import TextLink from '@/components/TextLink.vue';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Spinner } from '@/components/ui/spinner';
|
|
import { logout } from '@/routes';
|
|
import { send } from '@/routes/verification';
|
|
|
|
defineOptions({
|
|
layout: {
|
|
title: 'Verify your email address',
|
|
description: "We've sent a verification link to your email address. Check your inbox and click the link to get started.",
|
|
},
|
|
});
|
|
|
|
defineProps<{
|
|
status?: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<Head title="Email verification" />
|
|
|
|
<div
|
|
v-if="status === 'verification-link-sent'"
|
|
class="mb-2 text-center text-sm font-medium text-green-600"
|
|
>
|
|
A new verification link has been sent to the email address you provided during registration.
|
|
</div>
|
|
|
|
<div class="space-y-5">
|
|
<Form
|
|
v-bind="send.form()"
|
|
class="text-center"
|
|
v-slot="{ processing }"
|
|
>
|
|
<Button
|
|
class="w-full h-11 bg-[#03a9f4] hover:bg-[#0298dd] text-base font-medium"
|
|
:disabled="processing"
|
|
>
|
|
<Spinner v-if="processing" />
|
|
<span v-else>Resend verification email</span>
|
|
</Button>
|
|
</Form>
|
|
|
|
<div class="text-center text-sm text-[#607d8b]">
|
|
<TextLink :href="logout()" as="button" class="text-[#03a9f4] hover:text-[#0288d1] decoration-transparent hover:decoration-current underline-offset-4">
|
|
Log out
|
|
</TextLink>
|
|
</div>
|
|
</div>
|
|
</template>
|