From 039cff2f2a85b724f8d75e033bd0f385ef9f9bc6 Mon Sep 17 00:00:00 2001
From: antifallobst <antifallobst@systemausfall.org>
Date: Sun, 8 Oct 2023 14:11:45 +0200
Subject: [PATCH] feat: added direct verification option in signup popup

---
 src/topbar/guest/signup.rs | 11 +++++++++++
 style/components.css       |  6 ++++++
 2 files changed, 17 insertions(+)

diff --git a/src/topbar/guest/signup.rs b/src/topbar/guest/signup.rs
index 81989a8..ee157cb 100644
--- a/src/topbar/guest/signup.rs
+++ b/src/topbar/guest/signup.rs
@@ -108,6 +108,13 @@ pub fn SignUp(props: &Props) -> Html {
         cloned_state.set(data);
     });
 
+    let cloned_state = state.clone();
+    let on_jump_to_verify = Callback::from(move |_| {
+        let mut state = cloned_state.deref().clone();
+        state.view = View::Verify;
+        cloned_state.set(state);
+    });
+
     let cloned_state = state.clone();
     let on_sign_up_api_response = Callback::from(move |response: Result<()>| {
         let mut state = cloned_state.deref().clone();
@@ -195,6 +202,10 @@ pub fn SignUp(props: &Props) -> Html {
                 <div class="center-x">
                     <p class="auth-status">{&state.clone().deref().status}</p>
                 </div>
+
+                <div class="center-x">
+                    <p>{"Or "}<a onclick={on_jump_to_verify} class="link" ><b>{"verify"}</b></a>{" a requested account."}</p>
+                </div>
             </form>
         },
         View::Verify => html! {
diff --git a/style/components.css b/style/components.css
index 01c0c45..35aa33d 100644
--- a/style/components.css
+++ b/style/components.css
@@ -12,4 +12,10 @@
 @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
+}
+
+.link {
+    color: #690455;
+    text-decoration: #690455 underline;
+    cursor: pointer;
 }
\ No newline at end of file