[#4177] added graceful OAuth2 redirect error handling

ui/src/components/records/PageOAuth2RedirectFailure.svelte

@@ -0,0 +1,12 @@
+<script>
+    import { onMount } from "svelte";
+
+    onMount(() => {
+        window.close();
+    });
+</script>
+
+<div class="content txt-hint txt-center p-base">
+    <h3 class="m-b-sm">Auth failed.</h3>
+    <h5>You can close this window and go back to the app to try again.</h5>
+</div>

ui/src/routes.js

@@ -152,8 +152,14 @@ const routes = {
         userData: { showAppSidebar: false },
     }),
 
-    "/auth/oauth2-redirect": wrap({
-        asyncComponent:  () => import("@/components/records/PageOAuth2Redirect.svelte"),
+    "/auth/oauth2-redirect-success": wrap({
+        asyncComponent:  () => import("@/components/records/PageOAuth2RedirectSuccess.svelte"),
+        conditions: baseConditions,
+        userData: { showAppSidebar: false },
+    }),
+
+    "/auth/oauth2-redirect-failure": wrap({
+        asyncComponent:  () => import("@/components/records/PageOAuth2RedirectFailure.svelte"),
         conditions: baseConditions,
         userData: { showAppSidebar: false },
     }),