SoapboxMount: add Suspense boundaries

2023-10-07 22:48:42 -05:00 · 2023-10-07 22:48:42 -05:00 · 82ea3e60a7
commit 82ea3e60a7
parent 82da3cdae2
1 changed files with 12 additions and 3 deletions
--- a/src/init/soapbox-mount.tsx
+++ b/src/init/soapbox-mount.tsx
@ -76,15 +76,24 @@ const SoapboxMount = () => {
            <Switch>
              <Route
                path='/embed/:statusId'
-                render={(props) => <EmbeddedStatus params={props.match.params} />}
+                render={(props) => (
+                  <Suspense>
+                    <EmbeddedStatus params={props.match.params} />
+                  </Suspense>
+                )}
              />
              <Redirect from='/@:username/:statusId/embed' to='/embed/:statusId' />

              <Route>
                {renderBody()}

-                <ModalContainer />
-                <GdprBanner />
+                <Suspense>
+                  <ModalContainer />
+                </Suspense>
+
+                <Suspense>
+                  <GdprBanner />
+                </Suspense>

                <div id='toaster'>
                  <Toaster