feat: add embed sub-components (Generic, Video, Image, Rich) and dispatcher

2026-03-20 23:45:32 +01:00
parent a800d9ff25
commit 5a670bc6ad
5 changed files with 315 additions and 0 deletions
@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Embed } from '@backspace/shared';
+import { useUIStore } from '../../../stores/uiStore';
+
+interface ImageEmbedProps {
+  embed: Embed;
+}
+
+export function ImageEmbed({ embed }: ImageEmbedProps) {
+  const openImagePreview = useUIStore((s) => s.openImagePreview);
+  const imageUrl = embed.image ?? embed.url;
+
+  return (
+    <div className="mt-2">
+      <img
+        src={imageUrl}
+        alt={embed.title ?? ''}
+        className="max-w-[520px] max-h-[350px] object-contain rounded-lg cursor-pointer hover:opacity-90 transition-opacity"
+        loading="lazy"
+        referrerPolicy="no-referrer"
+        onClick={() => openImagePreview(imageUrl)}
+      />
+    </div>
+  );
+}