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

Merge branch 'quote-tombstone' into 'develop' 

Support quoted tombstone

See merge request soapbox-pub/soapbox!2522
This commit is contained in:
Alex Gleason 2023-05-22 19:59:39 +00:00
parent 8f8dd689a3 36bbef2293
commit 7aec21d694
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/soapbox/components/tombstone.tsx
View File

@ -6,15 +6,15 @@ import { Text } from 'soapbox/components/ui';
interface ITombstone { interface ITombstone {
id: string id: string
onMoveUp: (statusId: string) => void onMoveUp?: (statusId: string) => void
onMoveDown: (statusId: string) => void onMoveDown?: (statusId: string) => void
} }
/** Represents a deleted item. */ /** Represents a deleted item. */
const Tombstone: React.FC<ITombstone> = ({ id, onMoveUp, onMoveDown }) => { const Tombstone: React.FC<ITombstone> = ({ id, onMoveUp, onMoveDown }) => {
const handlers = { const handlers = {
moveUp: () => onMoveUp(id), moveUp: () => onMoveUp?.(id),
moveDown: () => onMoveDown(id), moveDown: () => onMoveDown?.(id),
}; };
return ( return (

5
app/soapbox/features/status/containers/quoted-status-container.tsx
View File

@ -1,6 +1,7 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import QuotedStatus from 'soapbox/components/quoted-status'; import QuotedStatus from 'soapbox/components/quoted-status';
import Tombstone from 'soapbox/components/tombstone';
import { useAppSelector } from 'soapbox/hooks'; import { useAppSelector } from 'soapbox/hooks';
import { makeGetStatus } from 'soapbox/selectors'; import { makeGetStatus } from 'soapbox/selectors';
@ -18,6 +19,10 @@ const QuotedStatusContainer: React.FC<IQuotedStatusContainer> = ({ statusId }) =
return null; return null;
} }
if (status.tombstone) {
return <Tombstone id={status.id} />;
}
return ( return (
<QuotedStatus <QuotedStatus
status={status} status={status}