From 678d7f3afe74b948ec1be5112b4b12d3321673cb Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Wed, 13 Mar 2024 22:42:00 +0800
Subject: [PATCH] :sparkles: Sign in progress bar

---
 pkg/views/src/views/auth/sign-in.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/pkg/views/src/views/auth/sign-in.vue b/pkg/views/src/views/auth/sign-in.vue
index 0308d03..f4b537b 100644
--- a/pkg/views/src/views/auth/sign-in.vue
+++ b/pkg/views/src/views/auth/sign-in.vue
@@ -7,7 +7,17 @@
         <div>
           <v-avatar color="accent" icon="mdi-login-variant" size="large" class="card-rounded mb-2" />
           <h1 class="text-2xl">Sign in</h1>
-          <p>Through sign in to access the entire Solar Network.</p>
+          <div v-if="challenge" class="flex items-center gap-4">
+            <v-tooltip>
+              <template v-slot:activator="{ props }">
+                <v-progress-circular v-bind="props" size="large" :model-value="challenge?.progress / challenge?.requirements" />
+              </template>
+              <p><b>Risk: </b> {{ challenge?.risk_level }}</p>
+              <p><b>Progress: </b> {{ challenge?.progress }}/{{ challenge?.requirements }}</p>
+            </v-tooltip>
+            <p>We need to verify that the person trying to access your account is you.</p>
+          </div>
+          <p v-else>Sign in via your Solar ID to access the entire Solar Network.</p>
         </div>
 
         <v-window :model-value="panel" class="pa-2 mx-[-0.5rem]">