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

Merge branch 'pending-status-gap' into 'develop' 

Add missing gap to PendingStatus

See merge request soapbox-pub/soapbox!2361
This commit is contained in:
marcin mikołajczak 2023-03-19 19:50:27 +00:00
parent 4124b85ede 049554db84
commit 9c80a50b95
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/soapbox/features/ui/components/pending-status.tsx
View File

@ -4,7 +4,7 @@ import React from 'react';
import Account from 'soapbox/components/account'; import Account from 'soapbox/components/account';
import StatusContent from 'soapbox/components/status-content'; import StatusContent from 'soapbox/components/status-content';
import StatusReplyMentions from 'soapbox/components/status-reply-mentions'; import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
import { Card, HStack } from 'soapbox/components/ui'; import { Card, HStack, Stack } from 'soapbox/components/ui';
import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card'; import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card';
import PlaceholderMediaGallery from 'soapbox/features/placeholder/components/placeholder-media-gallery'; import PlaceholderMediaGallery from 'soapbox/features/placeholder/components/placeholder-media-gallery';
import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container'; import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container';
@ -78,16 +78,18 @@ const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, mu
<div className='status__content-wrapper'> <div className='status__content-wrapper'>
<StatusReplyMentions status={status} /> <StatusReplyMentions status={status} />
<StatusContent <Stack space={4}>
status={status} <StatusContent
collapsable status={status}
/> collapsable
/>
<PendingStatusMedia status={status} /> <PendingStatusMedia status={status} />
{status.poll && <PollPreview pollId={status.poll as string} />} {status.poll && <PollPreview pollId={status.poll as string} />}
{status.quote && <QuotedStatus statusId={status.quote as string} />} {status.quote && <QuotedStatus statusId={status.quote as string} />}
</Stack>
</div> </div>
{/* TODO */} {/* TODO */}