From 8a5e54d17cb360ebeb0216886e3fdfd6930a6e8a Mon Sep 17 00:00:00 2001
From: Neil Brommer <NeilBrommer@users.noreply.github.com>
Date: Wed, 8 Dec 2021 22:24:42 -0800
Subject: [PATCH] Clean up "Authorizing" message on page load

---
 Readme.md                  | 4 +++-
 Start/Client/App.razor     | 6 ++++++
 Start/Client/Sass/app.scss | 8 ++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/Readme.md b/Readme.md
index 0c18bf5..8eeb2a7 100644
--- a/Readme.md
+++ b/Readme.md
@@ -18,7 +18,7 @@ This is a rewrite of my [New Tab Page project](https://github.com/NeilBrommer/Ne
 	- [x] Bookmarks
 - [ ] Manage bookmark containers
 	- [x] Create
-	- [x] Delete
+	- [ ] Delete
 	- [ ] Edit
 - [ ] Manage bookmark groups
 	- [x] Create
@@ -30,6 +30,8 @@ This is a rewrite of my [New Tab Page project](https://github.com/NeilBrommer/Ne
 	- [ ] Edit
 - [x] Use [Refit](https://github.com/reactiveui/refit) for strongly typed API calls
 - [ ] Support choosing between storing data on the server or in IndexedDB
+- [ ] Look into speeding up authorization on page load
+	- https://github.com/dotnet/aspnetcore/issues/31926
 
 ## Dependancies
 
diff --git a/Start/Client/App.razor b/Start/Client/App.razor
index 0bd7390..d6a44f3 100644
--- a/Start/Client/App.razor
+++ b/Start/Client/App.razor
@@ -4,6 +4,12 @@
     <Router AppAssembly="@typeof(Program).Assembly" PreferExactMatches="@true">
         <Found Context="routeData">
             <AuthorizeRouteView RouteData="@routeData">
+                <Authorizing>
+                    <div class="text-center authorizingContainer">
+                        <div class="loading loading-lg"></div>
+                        Authorizing...
+                    </div>
+                </Authorizing>
                 <NotAuthorized>
                     @if (!context.User.Identity?.IsAuthenticated ?? false)
                     {
diff --git a/Start/Client/Sass/app.scss b/Start/Client/Sass/app.scss
index 07df8bd..4562001 100644
--- a/Start/Client/Sass/app.scss
+++ b/Start/Client/Sass/app.scss
@@ -47,6 +47,14 @@
     align-items: center;
 }
 
+.authorizingContainer {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
 
 #sidebar {
     display: flex;