feat: error state outside of button

This commit is contained in:
Eli Bosley
2025-01-23 16:25:06 -05:00
parent 1e6fb7e3e3
commit a1cf44162a

View File

@@ -136,8 +136,9 @@ const navigateToExternalSSOUrl = () => {
<div class="w-full flex flex-col gap-1 my-1"> <div class="w-full flex flex-col gap-1 my-1">
<hr v-if="currentState === 'idle' || currentState === 'error'" /> <hr v-if="currentState === 'idle' || currentState === 'error'" />
<p class="text-center" v-if="currentState === 'idle' || currentState === 'error'">or</p> <p class="text-center" v-if="currentState === 'idle' || currentState === 'error'">or</p>
<p class="text-red-500 text-center" v-if="currentState === 'error'">{{ error }}</p>
<Button <Button
:disabled="currentState === 'loading' || currentState === 'error'" :disabled="currentState === 'loading'"
btnStyle="outline" btnStyle="outline"
class="rounded-none uppercase tracking-widest" class="rounded-none uppercase tracking-widest"
@click="navigateToExternalSSOUrl" @click="navigateToExternalSSOUrl"