moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI: wrap StatusHoverCard with Suspense boundary

This commit is contained in:
Alex Gleason 2023-10-07 22:57:43 -05:00
parent 5c3cebfd3c
commit 78884a4248
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/report/components/status-check-box.tsx
View File

@ -1,5 +1,5 @@
import noop from 'lodash/noop'; import noop from 'lodash/noop';
import React from 'react'; import React, { Suspense } from 'react';
import { toggleStatusReport } from 'soapbox/actions/reports'; import { toggleStatusReport } from 'soapbox/actions/reports';
import StatusContent from 'soapbox/components/status-content'; import StatusContent from 'soapbox/components/status-content';
@ -73,7 +73,7 @@ const StatusCheckBox: React.FC<IStatusCheckBox> = ({ id, disabled }) => {
<div className='status-check-box'> <div className='status-check-box'>
<div className='status-check-box__status'> <div className='status-check-box__status'>
<StatusContent status={status} /> <StatusContent status={status} />
{media} <Suspense>{media}</Suspense>
</div> </div>
<div className='status-check-box-toggle'> <div className='status-check-box-toggle'>

2
src/features/ui/index.tsx
View File

@ -515,7 +515,9 @@ const UI: React.FC<IUI> = ({ children }) => {
<ProfileHoverCard /> <ProfileHoverCard />
</Suspense> </Suspense>
<Suspense>
<StatusHoverCard /> <StatusHoverCard />
</Suspense>
</div> </div>
</div> </div>
</GlobalHotkeys> </GlobalHotkeys>