Switch to the new scroll restoration API & update snapshots

Author: sandhose

frontend/src/components/Session/__snapshots__/LastActive.test.tsx.snap

@@ -3,17 +3,17 @@
 exports[`<LastActive > renders a default timestamp 1`] = `
 <div>
   <span
-    title="Fri, 15 Sept 2023, 01:12"
+    title="Fri, 15 Sep 2023 at 01:12"
   >
-    Active Fri, 15 Sept 2023, 01:12
+    Active Fri, 15 Sep 2023 at 01:12
   </span>
 </div>
 `;
 
 exports[`<LastActive > renders a relative timestamp 1`] = `
 <div>
   <span
-    title="Mon, 18 Sept 2023, 00:12"
+    title="Mon, 18 Sep 2023 at 00:12"
   >
     Active 1 hour ago
   </span>
@@ -24,7 +24,7 @@ exports[`<LastActive > renders an 'active now' timestamp 1`] = `
 <div>
   <span
     class="_active_04756f"
-    title="Mon, 18 Sept 2023, 01:12"
+    title="Mon, 18 Sep 2023 at 01:12"
   >
     Active now
   </span>
@@ -34,7 +34,7 @@ exports[`<LastActive > renders an 'active now' timestamp 1`] = `
 exports[`<LastActive > renders an inactive timestamp 1`] = `
 <div>
   <span
-    title="Mon, 19 Jun 2023, 01:12"
+    title="Mon, 19 Jun 2023 at 01:12"
   >
     Inactive for 90+ days
   </span>

frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap

@@ -51,7 +51,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           </h5>
           <span
             class="_datumValue_040867"
-            title="Sat, 29 Jul 2023, 03:35"
+            title="Sat, 29 Jul 2023 at 03:35"
           >
             Inactive for 90+ days
           </span>
@@ -68,7 +68,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
             class="_datumValue_040867"
             datetime="2023-06-29T03:35:17Z"
           >
-            Thu, 29 Jun 2023, 03:35
+            Thu, 29 Jun 2023 at 03:35
           </time>
         </div>
         <div
@@ -312,7 +312,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           </h5>
           <span
             class="_datumValue_040867"
-            title="Sat, 29 Jul 2023, 03:35"
+            title="Sat, 29 Jul 2023 at 03:35"
           >
             Inactive for 90+ days
           </span>
@@ -329,7 +329,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
             class="_datumValue_040867"
             datetime="2023-06-29T03:35:17Z"
           >
-            Thu, 29 Jun 2023, 03:35
+            Thu, 29 Jun 2023 at 03:35
           </time>
         </div>
         <div
@@ -527,7 +527,7 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           </h5>
           <span
             class="_datumValue_040867"
-            title="Sat, 29 Jul 2023, 03:35"
+            title="Sat, 29 Jul 2023 at 03:35"
           >
             Inactive for 90+ days
           </span>
@@ -544,7 +544,7 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
             class="_datumValue_040867"
             datetime="2023-06-29T03:35:17Z"
           >
-            Thu, 29 Jun 2023, 03:35
+            Thu, 29 Jun 2023 at 03:35
           </time>
         </div>
         <div
@@ -586,7 +586,7 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           <time
             datetime="2023-07-29T03:35:17Z"
           >
-            Sat, 29 Jul 2023, 03:35
+            Sat, 29 Jul 2023 at 03:35
           </time>
         </div>
       </div>

frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap

@@ -51,7 +51,7 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           </h5>
           <span
             class="_datumValue_040867"
-            title="Sat, 29 Jul 2023, 03:35"
+            title="Sat, 29 Jul 2023 at 03:35"
           >
             Inactive for 90+ days
           </span>
@@ -68,7 +68,7 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
             class="_datumValue_040867"
             datetime="2023-06-29T03:35:17Z"
           >
-            Thu, 29 Jun 2023, 03:35
+            Thu, 29 Jun 2023 at 03:35
           </time>
         </div>
         <div
@@ -110,7 +110,7 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           <time
             datetime="2023-07-29T03:35:17Z"
           >
-            Sat, 29 Jul 2023, 03:35
+            Sat, 29 Jul 2023 at 03:35
           </time>
         </div>
       </div>
@@ -313,7 +313,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           </h5>
           <span
             class="_datumValue_040867"
-            title="Sat, 29 Jul 2023, 03:35"
+            title="Sat, 29 Jul 2023 at 03:35"
           >
             Inactive for 90+ days
           </span>
@@ -330,7 +330,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
             class="_datumValue_040867"
             datetime="2023-06-29T03:35:17Z"
           >
-            Thu, 29 Jun 2023, 03:35
+            Thu, 29 Jun 2023 at 03:35
           </time>
         </div>
         <div

frontend/src/components/__snapshots__/CompatSession.test.tsx.snap

@@ -60,7 +60,7 @@ exports[`<CompatSession /> > renders a finished session 1`] = `
             <time
               datetime="2023-06-29T03:35:17Z"
             >
-              Thu, 29 Jun 2023, 03:35
+              Thu, 29 Jun 2023 at 03:35
             </time>
           </div>
         </li>
@@ -140,7 +140,7 @@ exports[`<CompatSession /> > renders an active session 1`] = `
             <time
               datetime="2023-06-29T03:35:17Z"
             >
-              Thu, 29 Jun 2023, 03:35
+              Thu, 29 Jun 2023 at 03:35
             </time>
           </div>
         </li>

frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap

@@ -57,7 +57,7 @@ exports[`<OAuth2Session /> > renders a finished session 1`] = `
             <time
               datetime="2023-06-29T03:35:17Z"
             >
-              Thu, 29 Jun 2023, 03:35
+              Thu, 29 Jun 2023 at 03:35
             </time>
           </div>
         </li>
@@ -134,7 +134,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
             <time
               datetime="2023-06-29T03:35:17Z"
             >
-              Thu, 29 Jun 2023, 03:35
+              Thu, 29 Jun 2023 at 03:35
             </time>
           </div>
         </li>
@@ -243,7 +243,7 @@ exports[`<OAuth2Session /> > renders correct icon for a native session 1`] = `
             <time
               datetime="2023-06-29T03:35:17Z"
             >
-              Thu, 29 Jun 2023, 03:35
+              Thu, 29 Jun 2023 at 03:35
             </time>
           </div>
         </li>

frontend/src/router.tsx

@@ -13,6 +13,7 @@ import { routeTree } from "./routeTree.gen";
 // Create a new router instance
 export const router = createRouter({
   routeTree,
+  scrollRestoration: true,
   basepath: config.root,
   defaultPendingComponent: LoadingScreen,
   defaultPreload: "intent",

frontend/src/routes/__root.tsx

@@ -9,7 +9,6 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import {
   type ErrorRouteComponent,
   Outlet,
-  ScrollRestoration,
   createRootRouteWithContext,
 } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/router-devtools";
@@ -28,7 +27,6 @@ export const Route = createRootRouteWithContext<{
 }>()({
   component: () => (
     <>
-      <ScrollRestoration />
       <Outlet />
 
       {import.meta.env.DEV &&

frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap

@@ -48,6 +48,9 @@ exports[`Reset cross signing > renders the cancelled page 1`] = `
       </p>
     </div>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;
 
@@ -234,6 +237,9 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
       </p>
     </footer>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;
 
@@ -322,6 +328,9 @@ exports[`Reset cross signing > renders the errored page 1`] = `
       </p>
     </footer>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;
 
@@ -508,6 +517,9 @@ exports[`Reset cross signing > renders the page 1`] = `
       </p>
     </footer>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;
 
@@ -554,6 +566,9 @@ exports[`Reset cross signing > renders the success page 1`] = `
       </p>
     </div>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;
 
@@ -600,5 +615,8 @@ exports[`Reset cross signing > renders the success page 2`] = `
       </p>
     </div>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;

frontend/tests/routes/account/__snapshots__/index.test.tsx.snap

@@ -736,5 +736,8 @@ exports[`Account home page > renders the page 1`] = `
       </p>
     </footer>
   </div>
+  <script>
+    
+  </script>
 </DocumentFragment>
 `;