From c4d6731401d3b6dc111a74d086df28704473070d Mon Sep 17 00:00:00 2001
From: AAGaming <aa@mail.catvibers.me>
Date: Sat, 17 Sep 2022 23:23:51 -0400
Subject: fix updater for new installs, fix file picker patch, fix scrolling on
 patch notes, fix tasks dir

---
 frontend/src/components/WithSuspense.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'frontend/src/components/WithSuspense.tsx')

diff --git a/frontend/src/components/WithSuspense.tsx b/frontend/src/components/WithSuspense.tsx
index 7460aa3d..402f5e5b 100644
--- a/frontend/src/components/WithSuspense.tsx
+++ b/frontend/src/components/WithSuspense.tsx
@@ -1,8 +1,9 @@
-import { SteamSpinner } from 'decky-frontend-lib';
+import { Focusable, SteamSpinner } from 'decky-frontend-lib';
 import { FunctionComponent, ReactElement, ReactNode, Suspense } from 'react';
 
 interface WithSuspenseProps {
   children: ReactNode;
+  route?: boolean;
 }
 
 // Nice little wrapper around Suspense so we don't have to duplicate the styles and code for the loading spinner
@@ -13,15 +14,20 @@ const WithSuspense: FunctionComponent<WithSuspenseProps> = (props) => {
   return (
     <Suspense
       fallback={
-        <div
+        <Focusable
+          // needed to enable focus ring so that the focus properly resets on load
+          onActivate={() => {}}
           style={{
-            marginTop: '40px',
-            height: 'calc( 100% - 40px )',
             overflowY: 'scroll',
+            backgroundColor: 'transparent',
+            ...(props.route && {
+              marginTop: '40px',
+              height: 'calc( 100% - 40px )',
+            }),
           }}
         >
           <SteamSpinner />
-        </div>
+        </Focusable>
       }
     >
       {props.children}
-- 
cgit v1.2.3

