Merge pull request 'In filter DatePicker should not display dates in Image Gallery.' (#238) from Kartik_Bug#679 into Issues_July_2W
Reviewed-on: #238 Merged
This commit is contained in:
commit
9a9ff4460f
@ -6,10 +6,10 @@ import { useSelector } from "react-redux";
|
|||||||
import { useModal } from "./ModalContext";
|
import { useModal } from "./ModalContext";
|
||||||
import ImagePop from "./ImagePop";
|
import ImagePop from "./ImagePop";
|
||||||
import Avatar from "../../components/common/Avatar";
|
import Avatar from "../../components/common/Avatar";
|
||||||
import DateRangePicker from "../../components/common/DateRangePicker";
|
|
||||||
import eventBus from "../../services/eventBus";
|
import eventBus from "../../services/eventBus";
|
||||||
import Breadcrumb from "../../components/common/Breadcrumb";
|
import Breadcrumb from "../../components/common/Breadcrumb";
|
||||||
import {formatUTCToLocalTime} from "../../utils/dateUtils";
|
import { formatUTCToLocalTime } from "../../utils/dateUtils";
|
||||||
|
import DateRangePicker from "../../components/common/DateRangePicker";
|
||||||
|
|
||||||
const PAGE_SIZE = 10;
|
const PAGE_SIZE = 10;
|
||||||
const SCROLL_THRESHOLD = 5;
|
const SCROLL_THRESHOLD = 5;
|
||||||
@ -229,7 +229,7 @@ const ImageGallery = () => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
return Array.from(uniqueUsersMap.entries()).sort((a, b) => a[1].localeCompare(b[1]));
|
return Array.from(uniqueUsersMap.entries()).sort((a, b) => a[1].localeCompare(b[1]));
|
||||||
}, [allImagesData]);
|
}, [allImagesData]);
|
||||||
|
|
||||||
const buildings = getUniqueValuesWithIds("buildingId", "buildingName");
|
const buildings = getUniqueValuesWithIds("buildingId", "buildingName");
|
||||||
@ -315,7 +315,7 @@ const ImageGallery = () => {
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
if ((oldVal === null && newVal === "") || (oldVal === "" && newVal === null)) {
|
if ((oldVal === null && newVal === "") || (oldVal === "" && newVal === null)) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
return oldVal !== newVal;
|
return oldVal !== newVal;
|
||||||
});
|
});
|
||||||
@ -406,8 +406,7 @@ const ImageGallery = () => {
|
|||||||
<div className="date-range-inputs">
|
<div className="date-range-inputs">
|
||||||
<DateRangePicker
|
<DateRangePicker
|
||||||
onRangeChange={setDateRange}
|
onRangeChange={setDateRange}
|
||||||
defaultStartDate={selectedFilters.startDate || yesterday}
|
endDateMode="today"
|
||||||
defaultEndDate={selectedFilters.endDate || moment().format('YYYY-MM-DD')}
|
|
||||||
startDate={selectedFilters.startDate}
|
startDate={selectedFilters.startDate}
|
||||||
endDate={selectedFilters.endDate}
|
endDate={selectedFilters.endDate}
|
||||||
/>
|
/>
|
||||||
@ -438,12 +437,12 @@ const ImageGallery = () => {
|
|||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`gallery-container container-fluid ${ isFilterPanelOpen ? "filter-panel-open-end" : "" }`}>
|
<div className={`gallery-container container-fluid ${isFilterPanelOpen ? "filter-panel-open-end" : ""}`}>
|
||||||
<Breadcrumb
|
<Breadcrumb
|
||||||
data={[
|
data={[
|
||||||
{ label: "Home", link: "/" },
|
{ label: "Home", link: "/" },
|
||||||
{ label: "Gallary", link: null },
|
{ label: "Gallary", link: null },
|
||||||
]}
|
]}
|
||||||
></Breadcrumb>
|
></Breadcrumb>
|
||||||
<div className="main-content">
|
<div className="main-content">
|
||||||
<button
|
<button
|
||||||
@ -605,13 +604,13 @@ const ImageGallery = () => {
|
|||||||
></button>
|
></button>
|
||||||
</div>
|
</div>
|
||||||
<div className="filter-actions mt-auto mx-2">
|
<div className="filter-actions mt-auto mx-2">
|
||||||
<button className="btn btn-secondary btn-xs" onClick={handleClearAllFilters}>
|
<button className="btn btn-secondary btn-xs" onClick={handleClearAllFilters}>
|
||||||
Clear All
|
Clear All
|
||||||
</button>
|
</button>
|
||||||
<button className="btn btn-primary btn-xs" onClick={handleApplyFilters}>
|
<button className="btn btn-primary btn-xs" onClick={handleApplyFilters}>
|
||||||
Apply Filters
|
Apply Filters
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="offcanvas-body d-flex flex-column">
|
<div className="offcanvas-body d-flex flex-column">
|
||||||
{renderFilterCategory("Date Range", [], "dateRange")}
|
{renderFilterCategory("Date Range", [], "dateRange")}
|
||||||
{renderFilterCategory("Building", buildings, "building")}
|
{renderFilterCategory("Building", buildings, "building")}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user