From fa8d88391d8b8156db80bf4e713acb915471263f Mon Sep 17 00:00:00 2001
From: Jeremy <gatwech3211@gmail.com>
Date: Fri, 19 Jan 2024 14:25:04 +0300
Subject: [PATCH] Share work page form set up

---
 components/Profile/BlockDisplayCard.tsx  | 1 +
 components/Profile/Blocks/VideoBlock.tsx | 7 ++-----
 components/Profile/SideDrawer.tsx        | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/Profile/BlockDisplayCard.tsx b/components/Profile/BlockDisplayCard.tsx
index 7a9ecb5..a4ac025 100644
--- a/components/Profile/BlockDisplayCard.tsx
+++ b/components/Profile/BlockDisplayCard.tsx
@@ -31,6 +31,7 @@ export default function BlockDisplayCard() {
           if (blockKey === "gallery") {
             return (
               <GalleryUploader
+                key={blockKey}
                 files={block.files}
                 blockType={blockKey as BlockType}
               />
diff --git a/components/Profile/Blocks/VideoBlock.tsx b/components/Profile/Blocks/VideoBlock.tsx
index 0fc3407..6046997 100644
--- a/components/Profile/Blocks/VideoBlock.tsx
+++ b/components/Profile/Blocks/VideoBlock.tsx
@@ -1,4 +1,5 @@
 "use client";
+import Image from "next/image";
 import { useBlock } from "@/hooks/toggle";
 import AltText from "../../Reusable/AltText";
 import MediaUpload from "../../Reusable/MediaUpload";
@@ -38,11 +39,7 @@ export const VideoBlock = () => {
           <span className="mx-2.5 font-normal">Video</span>
         </div>
         <div>
-          {false ? (
-            <img src={"URL.createObjectURL()"} />
-          ) : (
-            <MediaUpload mediaType="video" mediaSrcUrl={mediaSrcUrl} />
-          )}
+          <MediaUpload mediaType="video" mediaSrcUrl={mediaSrcUrl} />
           <AltText
             label="Alt Text"
             placeholder="Enter Text..."
diff --git a/components/Profile/SideDrawer.tsx b/components/Profile/SideDrawer.tsx
index 98897fe..02c371b 100644
--- a/components/Profile/SideDrawer.tsx
+++ b/components/Profile/SideDrawer.tsx
@@ -102,7 +102,7 @@ export default function SideDrawer() {
         onOpenBlock("index");
         break;
     }
-  }, [blockType]);
+  }, [onOpenBlock, blockType]);
   return (
     <div
       className={`w-full h-screen transition-all duration-300 ease-in-out transform ${