Minor Fix

Kanishkrawatt · May 17, 2024 · 5ec1158 · 5ec1158
1 parent 13fac04
commit 5ec1158
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/components/actions/index.tsx b/components/actions/index.tsx
@@ -20,12 +20,13 @@ export enum Action {
     download = "download"
 }
 
-export const Actions = ({ theme, item, index }: {
+export const Actions = ({ theme, item, index,menu,setMenu }: {
     theme: themeType,
     item: datatype,
     index: number
+    menu : number
+    setMenu : Dispatch<SetStateAction<number>>
 }) => {
-    const [menu, setMenu] = useState<number>(-1);
     const [modal, setModal] = useState<ModalObject>({ status: "", item: { name: "", url: "" } })
     const handleClick = (index: number) => {
         if (index !== menu) setMenu(index);
@@ -61,7 +62,6 @@ export const Actions = ({ theme, item, index }: {
                 link.click();
                 document.body.removeChild(link);
             });
-
     }
     return (
         <React.Fragment>

diff --git a/components/frames/files.tsx b/components/frames/files.tsx
@@ -129,7 +129,7 @@ const RecentImages = ({
                 >
                   <div className="h-1/6  w-full relative z-10 flex justify-between pl-2 capitalize items-center">
                     {item.date}
-                    <Actions theme={theme} item={item} index={index} />
+                    <Actions theme={theme} item={item} index={index} menu={menu} setMenu={setMenu} />
                   </div>
                   <div className="h-5/6 relative gap-4 w-full flex justify-center items-center flex-col">
                     <button

diff --git a/components/frames/images.tsx b/components/frames/images.tsx
@@ -18,6 +18,7 @@ const RecentImages = ({
   theme: themeType;
   size?: "small" | "medium" | "large";
 }) => {
+  const [menu, setMenu] = useState<number>(-1);
 
   return (
     <>
@@ -104,7 +105,7 @@ const RecentImages = ({
                     <p className="text-xs">
                       {item.name}
                     </p>
-                    <Actions theme={theme} item={item} index={index} />
+                    <Actions theme={theme} item={item} index={index} menu={menu} setMenu={setMenu} />
                   </div>
                   <div className={`relative w-full ${size == "large" ? "h-[87%]" : "h-5/6"}`}>
                     <Image

diff --git a/components/frames/recentImages.tsx b/components/frames/recentImages.tsx
@@ -1,6 +1,7 @@
 import { datatype, themeType } from "@/components/types";
 import Image from "next/image";
 import styled from "styled-components";
+import { useState } from "react";
 import { Actions } from "@/components/actions";
 const RecentImages = ({
   data,
@@ -15,7 +16,7 @@ const RecentImages = ({
   theme: themeType;
   size?: "small" | "medium" | "large"
 }) => {
-
+  const [menu, setMenu] = useState<number>(-1);
   return (
     <>
       {loadingState || data.length <= 0 ? (
@@ -103,7 +104,7 @@ const RecentImages = ({
                     <p className="text-xs">
                       {item.date}
                     </p>
-                    <Actions theme={theme} item={item} index={index} />
+                    <Actions theme={theme} item={item} index={index} menu={menu} setMenu={setMenu} />
                   </div>
 
                   <div className={`relative w-full ${size == "large" ? "h-[87%]" : "h-5/6"}`}>