From 5f6631dd1ddeed35c1bfd31a871318924dd27d66 Mon Sep 17 00:00:00 2001
From: Daniel Balk <67603460+Daniel-Balk@users.noreply.github.com>
Date: Mon, 3 Apr 2023 04:07:57 +0200
Subject: [PATCH] design

---
 Moonlight/Shared/Views/Profile/Security.razor | 25 +++++++++++++------
 Moonlight/resources/lang/de_de.lang           |  2 ++
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/Moonlight/Shared/Views/Profile/Security.razor b/Moonlight/Shared/Views/Profile/Security.razor
index 8b29c58b..e648de9d 100644
--- a/Moonlight/Shared/Views/Profile/Security.razor
+++ b/Moonlight/Shared/Views/Profile/Security.razor
@@ -148,7 +148,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    
+
                                     <a class="btn btn-primary px-6 align-self-center text-nowrap float-end" data-bs-toggle="modal" data-bs-target="#test">
                                         <TL>Next</TL>
                                     </a>
@@ -176,12 +176,22 @@
                             </div>
                             <div class="modal-body scroll-y pt-10 pb-15 px-lg-17">
                                 <div class="text-gray-500 fw-semibold fs-6 mb-10">
-                                    To finish activating, enter the current TOTP code <br/>
-                                    <input type="text" class="form-control form-control-lg form-control-solid" @bind="currentTotp"/>
-                                    
+                                    <div class="alert alert-primary d-flex align-items-center p-5 mb-10">
+                                        <i class="bx bx-info-circle fs-2hx text-primary me-4">
+                                            <span class="path1"></span><span class="path2"></span>
+                                        </i>
+                                        <div class="d-flex flex-column">
+                                            <h4 class="mb-1 text-primary">
+                                                <TL>2fa Code requiered</TL>
+                                            </h4>
+                                            <span>In order to finish the activation of 2fa, you need to enter the code your 2fa app shows you.</span>
+                                        </div>
+                                    </div>
+                                    <input type="text" class="form-control form-control-lg form-control-solid" placeholder="@SmartTranslateService.Translate("2fa Code")" @bind="currentTotp"/>
+
                                     <br/>
-                                    
-                                    <WButton CssClasses="btn btn-primary px-6 align-self-center text-nowrap float end" WorkingText="@SmartTranslateService.Translate("Saving")" Text="@SmartTranslateService.Translate("Save")" OnClick="CheckAndSaveTotp">
+
+                                    <WButton CssClasses="btn btn-primary px-6 align-self-center text-nowrap float-end" WorkingText="@SmartTranslateService.Translate("Saving")" Text="@SmartTranslateService.Translate("Finish")" OnClick="CheckAndSaveTotp">
                                     </WButton>
                                 </div>
                             </div>
@@ -239,9 +249,10 @@
         if (await TotpService.Verify(TotpSecret, currentTotp))
         {
             await TotpService.EnforceTotpLogin();
-            TotpEnabled = await TotpService.GetEnabled();
+            TotpEnabled = true;
             TotpSecret = await TotpService.GetSecret();
             await ToastService.Success("Successfully enabled 2fa!");
+            StateHasChanged();
         }
         else
         {
diff --git a/Moonlight/resources/lang/de_de.lang b/Moonlight/resources/lang/de_de.lang
index 8e77baa8..d9fd2431 100644
--- a/Moonlight/resources/lang/de_de.lang
+++ b/Moonlight/resources/lang/de_de.lang
@@ -426,3 +426,5 @@ anyone write a fancy text here?;anyone write a fancy text here?
 Disable;Disable
 You need to enter a 2fa code;You need to enter a 2fa code
 2FA code invalid;2FA code invalid
+2fa Code;2fa Code
+2fa Code requiered;2fa Code requiered