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

Changes in images gallery filter.

Browse Source
This commit is contained in:
Kartik Sharma 2025-09-18 11:11:47 +05:30
parent 6f515e0700
commit d67a185146
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/ImageGallery/ImageGalleryFilters.jsx
View File

@ -1,7 +1,7 @@
import React, { useState, useCallback, useEffect } from "react"; import React, { useState, useCallback, useEffect } from "react";
import { FormProvider, useForm } from "react-hook-form"; import { FormProvider, useForm } from "react-hook-form";
import moment from "moment"; import moment from "moment";
import DateRangePicker, { DateRangePicker1 } from "../../components/common/DateRangePicker"; import DateRangePicker from "../../components/common/DateRangePicker";
import SelectMultiple from "../../components/common/SelectMultiple"; import SelectMultiple from "../../components/common/SelectMultiple";
const defaultGalleryFilterValues = { const defaultGalleryFilterValues = {
@ -31,7 +31,7 @@ const ImageGalleryFilters = ({
defaultValues: defaultGalleryFilterValues, defaultValues: defaultGalleryFilterValues,
}); });
const { handleSubmit, reset } = methods; const { handleSubmit, reset, setValue } = methods;
// Prefill form when appliedFilters changes // Prefill form when appliedFilters changes
useEffect(() => { useEffect(() => {
@ -49,6 +49,15 @@ const ImageGalleryFilters = ({
} }
}, [appliedFilters, reset]); }, [appliedFilters, reset]);
// Handle date range change and set form values
const handleDateRangeChange = useCallback(
({ startDate, endDate }) => {
setValue("startDate", startDate);
setValue("endDate", endDate);
},
[setValue]
);
// Submit → Apply filters // Submit → Apply filters
const onSubmit = useCallback( const onSubmit = useCallback(
(formData) => { (formData) => {
@ -80,10 +89,10 @@ const ImageGalleryFilters = ({
{/* Date Range */} {/* Date Range */}
<div className="mb-3 text-start"> <div className="mb-3 text-start">
<label className="">Date Range :</label> <label className="">Date Range :</label>
<DateRangePicker1 <DateRangePicker
placeholder="DD-MM-YYYY To DD-MM-YYYY" onRangeChange={handleDateRangeChange}
startField="startDate" startDate={appliedFilters?.startDate}
endField="endDate" endDate={appliedFilters?.endDate}
resetSignal={resetKey} resetSignal={resetKey}
/> />
</div> </div>
@ -153,7 +162,7 @@ const ImageGalleryFilters = ({
<div className="d-flex justify-content-end py-3 gap-2"> <div className="d-flex justify-content-end py-3 gap-2">
<button <button
type="button" type="button"
className="btn btn-secondary btn-xs" className="btn btn-label-secondary btn-xs"
onClick={onClear} onClick={onClear}
> >
Clear Clear