stage

frontend/src/components/ImagePreview.tsx

@@ -0,0 +1,27 @@
+import { useState, useEffect } from 'preact/hooks'
+
+interface Props {
+    filename: string
+    class?: string
+    id?: string
+}
+
+const ImagePreview = ({ filename, ...props }: Props) => {
+    const [src, setSrc] = useState<string>('')
+
+    useEffect(() => {
+        const loadImage = async () => {
+            const result = await (window as any).go.main.App.GetImage(filename)
+            if (result.code === 0) {
+                setSrc(result.data)
+            }
+        }
+        loadImage()
+    }, [filename])
+
+    if (!src) return <div {...props} />
+
+    return <img src={src} {...props} />
+}
+
+export default ImagePreview