updated note preview component

2023-03-20 11:20:01 +07:00
parent 1a536bd2f8
commit 44693776b2
8 changed files with 90 additions and 97 deletions
@@ -0,0 +1,10 @@
+import { memo } from 'react';
+import ReactPlayer from 'react-player/lazy';
+
+export const VideoPreview = memo(function VideoPreview({ data }: { data: string }) {
+  return (
+    <div className="relative mt-2 flex flex-col overflow-hidden rounded-lg">
+      <ReactPlayer url={data} controls={true} volume={0} className="aspect-video w-full" width="100%" height="100%" />
+    </div>
+  );
+});