From 9fa9c651acf027ea9b50bc98dbfd1186c886794b Mon Sep 17 00:00:00 2001
From: antifallobst <antifallobst@systemausfall.org>
Date: Sun, 8 Oct 2023 15:51:42 +0200
Subject: [PATCH] feat: added info text to account verification popup

---
 src/topbar/guest/signup.rs | 8 +++++++-
 style/topbar.css           | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/topbar/guest/signup.rs b/src/topbar/guest/signup.rs
index ee157cb..7fd14c2 100644
--- a/src/topbar/guest/signup.rs
+++ b/src/topbar/guest/signup.rs
@@ -185,7 +185,7 @@ pub fn SignUp(props: &Props) -> Html {
                 </div>
 
                 <div class="auth-field">
-                    <label for="password-reenter">{"Re Enter Password"}</label><br/>
+                    <label for="password-reenter">{"Password"}</label><br/>
                     <input class="auth-input" type="password" name="password-reenter" onchange={on_password_reenter_changed}/><br/>
                 </div>
 
@@ -210,6 +210,12 @@ pub fn SignUp(props: &Props) -> Html {
         },
         View::Verify => html! {
             <form class="auth-container" onsubmit={onsubmit}>
+                <div class="center-x">
+                    <p class="auth-info">
+                        {"We've sent a verification token to your email. It is valid for 10 minutes."}
+                    </p>
+                </div>
+
                 <div class="auth-field">
                     <label for="token">{"Verification Token"}</label><br/>
                     <input class="auth-input" type="text" name="token"  onchange={on_token_changed}/><br/>
diff --git a/style/topbar.css b/style/topbar.css
index 4a4fa0e..eaeaf89 100644
--- a/style/topbar.css
+++ b/style/topbar.css
@@ -112,6 +112,12 @@
     color: #ff0000;
 }
 
+.auth-info {
+    font: normal 16px Roboto;
+    color: #ffffff;
+    margin: 6px 8px;
+}
+
 .center-x {
     text-align: center;
 }
\ No newline at end of file