From 5ec1158618d65da00415c7c381ef122e4205a2ad Mon Sep 17 00:00:00 2001
From: Kanishk Rawat <rawat27kanishk@gmail.com>
Date: Fri, 17 May 2024 15:57:50 +0530
Subject: [PATCH] Minor Fix

---
 components/actions/index.tsx       | 6 +++---
 components/frames/files.tsx        | 2 +-
 components/frames/images.tsx       | 3 ++-
 components/frames/recentImages.tsx | 5 +++--
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/actions/index.tsx b/components/actions/index.tsx
index 5529eaf..ec02da0 100644
--- 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
index 95c6049..fde3a54 100644
--- 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
index d2b0395..a938bc5 100644
--- 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
index 1707498..9ea7d92 100644
--- 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"}`}>