GRIN/eranos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix initialization order for previewImages and previewVideos

Browse Source 
Move image/video extraction before hasPreviewableContent check to avoid accessing variables before initialization.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy
2026-02-18 23:23:20 -06:00
parent 267d05a58b
commit 1c70098ba6
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ComposeBox.tsx
+13 -15
View File
@@ -197,13 +197,24 @@ export function ComposeBox({ onSuccess, placeholder = "What's on your mind?", co
[detectedEmbeds, removedEmbeds]
);
// Extract images and videos for preview mode
const previewImages = useMemo(() => {
if (!content) return [];
const urlRegex = /https?:\/\/[^\s]+\.(jpg|jpeg|png|gif|webp|svg)(\?[^\s]*)?/gi;
return content.match(urlRegex) || [];
}, [content]);
const previewVideos = useMemo(() => {
if (!content) return [];
const urlRegex = /https?:\/\/[^\s]+\.(mp4|webm|mov)(\?[^\s]*)?/gi;
return content.match(urlRegex) || [];
}, [content]);
// Check if content has any previewable content (link previews, images, or videos)
const hasPreviewableContent = useMemo(() => {
return visibleEmbeds.length > 0 || previewImages.length > 0 || previewVideos.length > 0;
}, [visibleEmbeds, previewImages, previewVideos]);
// Include quoted event if provided and not removed
const quotedEventId = quotedEvent ? nip19.neventEncode({ id: quotedEvent.id, author: quotedEvent.pubkey }) : null;
const quotedEventKey = quotedEventId ? `nostr:${quotedEventId}` : null;
@@ -227,19 +238,6 @@ export function ComposeBox({ onSuccess, placeholder = "What's on your mind?", co
};
}, [user, content]);
// Extract images and videos for preview mode
const previewImages = useMemo(() => {
if (!content) return [];
const urlRegex = /https?:\/\/[^\s]+\.(jpg|jpeg|png|gif|webp|svg)(\?[^\s]*)?/gi;
return content.match(urlRegex) || [];
}, [content]);
const previewVideos = useMemo(() => {
if (!content) return [];
const urlRegex = /https?:\/\/[^\s]+\.(mp4|webm|mov)(\?[^\s]*)?/gi;
return content.match(urlRegex) || [];
}, [content]);
const insertEmoji = useCallback((emoji: string) => {
const textarea = textareaRef.current;
if (textarea) {