Clean up "Authorizing" message on page load

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
 

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)
                     {

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;