admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Auto-close Filter Panel on Outside Click in Image Gallery

Browse Source
This commit is contained in:
Kartik Sharma 2025-10-30 11:31:18 +05:30
parent a2f105dd41
commit c88b670a6b
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Expenses/ExpenseFilterPanel.jsx
View File

@ -145,7 +145,7 @@ const ExpenseFilterPanel = forwardRef(({ onApply, handleGroupBy, setFilterdata }
handleGroupBy,
selectedGroup.id,
appliedStatusId,
selectedProjectId, // ✅ Added dependency
selectedProjectId,
]);

8
src/components/gallary/GalleryFilterPanel.jsx
View File

@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useEffect, useState } from "react";
import { useImageGalleryFilter } from "../../hooks/useImageGallery";
import { useSelectedProject } from "../../slices/apiDataManager";
import { FormProvider, useForm } from "react-hook-form";
@ -8,6 +8,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
import { defaultGalleryFilterValue, gallerySchema } from "./GallerySchema";
import SelectMultiple from "../common/SelectMultiple";
import { localToUtc } from "../../utils/appUtils";
import { useLocation } from "react-router-dom";
const GalleryFilterPanel = ({ onApply }) => {
const selectedProject = useSelectedProject();
@ -46,6 +47,11 @@ const GalleryFilterPanel = ({ onApply }) => {
// closePanel()
}
const location = useLocation();
useEffect(() => {
closePanel();
}, [location]);
if (isLoading) return <div>Loading....</div>;
if (isError) return <div>{error.message}</div>;
return (