GnosysLabs/Synapsis
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Video in post preview

Browse Source
This commit is contained in:
Christopher
2026-01-22 18:43:10 -08:00
parent 59ba9f7d8b
commit 590bd8647e
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Compose.tsx
+13 -9
View File
@@ -3,6 +3,7 @@
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
import AutoTextarea from '@/components/AutoTextarea'; import AutoTextarea from '@/components/AutoTextarea';
import { Post, Attachment } from '@/lib/types'; import { Post, Attachment } from '@/lib/types';
import { VideoEmbed } from '@/components/VideoEmbed';
interface ComposeProps { interface ComposeProps {
onPost: (content: string, mediaIds: string[], linkPreview?: any, replyToId?: string) => void; onPost: (content: string, mediaIds: string[], linkPreview?: any, replyToId?: string) => void;
@@ -159,17 +160,20 @@ export function Compose({ onPost, replyingTo, onCancelReply, placeholder = "What
> >
x x
</button> </button>
<div className="link-preview-card mini"> <VideoEmbed url={linkPreview.url} />
{linkPreview.image && ( {!linkPreview.url.match(/(youtube\.com|youtu\.be|vimeo\.com)/) && (
<div className="link-preview-image"> <div className="link-preview-card mini">
<img src={linkPreview.image} alt="" /> {linkPreview.image && (
<div className="link-preview-image">
<img src={linkPreview.image} alt="" />
</div>
)}
<div className="link-preview-info">
<div className="link-preview-title">{linkPreview.title}</div>
<div className="link-preview-url">{new URL(linkPreview.url.startsWith('http') ? linkPreview.url : `https://${linkPreview.url}`).hostname}</div>
</div> </div>
)}
<div className="link-preview-info">
<div className="link-preview-title">{linkPreview.title}</div>
<div className="link-preview-url">{new URL(linkPreview.url.startsWith('http') ? linkPreview.url : `https://${linkPreview.url}`).hostname}</div>
</div> </div>
</div> )}
</div> </div>
)} )}