diff --git a/src/features/status/components/card.tsx b/src/components/preview-card.tsx similarity index 98% rename from src/features/status/components/card.tsx rename to src/components/preview-card.tsx index fd205b723..d11479e03 100644 --- a/src/features/status/components/card.tsx +++ b/src/components/preview-card.tsx @@ -20,7 +20,7 @@ const trim = (text: string, len: number): string => { return text.substring(0, cut) + (text.length > len ? '…' : ''); }; -interface ICard { +interface IPreviewCard { card: CardEntity; maxTitle?: number; maxDescription?: number; @@ -31,7 +31,7 @@ interface ICard { horizontal?: boolean; } -const Card: React.FC = ({ +const PreviewCard: React.FC = ({ card, defaultWidth = 467, maxTitle = 120, @@ -253,4 +253,4 @@ const Card: React.FC = ({ ); }; -export default Card; +export default PreviewCard; diff --git a/src/components/status-media.tsx b/src/components/status-media.tsx index 7147e3a54..2c96c0078 100644 --- a/src/components/status-media.tsx +++ b/src/components/status-media.tsx @@ -2,9 +2,9 @@ import React, { Suspense } from 'react'; import { openModal } from 'soapbox/actions/modals'; import AttachmentThumbs from 'soapbox/components/attachment-thumbs'; +import PreviewCard from 'soapbox/components/preview-card'; import { GroupLinkPreview } from 'soapbox/features/groups/components/group-link-preview'; import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card'; -import Card from 'soapbox/features/status/components/card'; import { MediaGallery, Video, Audio } from 'soapbox/features/ui/util/async-components'; import { useAppDispatch } from 'soapbox/hooks'; @@ -118,7 +118,7 @@ const StatusMedia: React.FC = ({ ); } else if (status.spoiler_text.length === 0 && !status.quote && status.card) { media = ( -