diff --git a/src/components/ui/layout/layout.tsx b/src/components/ui/layout/layout.tsx index 459febef2..0ede77e6b 100644 --- a/src/components/ui/layout/layout.tsx +++ b/src/components/ui/layout/layout.tsx @@ -1,5 +1,5 @@ import clsx from 'clsx'; -import React from 'react'; +import React, { Suspense } from 'react'; import StickyBox from 'react-sticky-box'; interface ISidebar { @@ -52,7 +52,9 @@ const Main: React.FC> = ({ children, classN const Aside: React.FC = ({ children }) => ( ); diff --git a/src/features/report/components/status-check-box.tsx b/src/features/report/components/status-check-box.tsx index b8cb48015..96df936a2 100644 --- a/src/features/report/components/status-check-box.tsx +++ b/src/features/report/components/status-check-box.tsx @@ -1,5 +1,5 @@ import noop from 'lodash/noop'; -import React from 'react'; +import React, { Suspense } from 'react'; import { toggleStatusReport } from 'soapbox/actions/reports'; import StatusContent from 'soapbox/components/status-content'; @@ -73,7 +73,7 @@ const StatusCheckBox: React.FC = ({ id, disabled }) => {
- {media} + {media}
diff --git a/src/features/ui/index.tsx b/src/features/ui/index.tsx index fcd411dc7..943cd6d3c 100644 --- a/src/features/ui/index.tsx +++ b/src/features/ui/index.tsx @@ -515,7 +515,9 @@ const UI: React.FC = ({ children }) => { - + + +
diff --git a/src/init/soapbox-mount.tsx b/src/init/soapbox-mount.tsx index bbc911691..ed7f70c47 100644 --- a/src/init/soapbox-mount.tsx +++ b/src/init/soapbox-mount.tsx @@ -76,15 +76,24 @@ const SoapboxMount = () => { } + render={(props) => ( + + + + )} /> {renderBody()} - - + + + + + + +