Support quoted tombstone

This commit is contained in:
Alex Gleason 2023-05-22 11:47:49 -05:00
parent 8f8dd689a3
commit 36bbef2293
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 9 additions and 4 deletions

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 (

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}