|
|
|
|
@ -4,38 +4,11 @@ import { forwardRef } from "react";
|
|
|
|
|
import { MODES } from "../../config";
|
|
|
|
|
import { PendingPointsFilters } from "./PendingPointsFilters/PendingPointsFilters";
|
|
|
|
|
import { OnApprovalPointsFilters } from "./OnApprovalPointsFilters/OnApprovalPointsFilters";
|
|
|
|
|
import { useQuery } from "@tanstack/react-query";
|
|
|
|
|
import { api } from "../../api";
|
|
|
|
|
import { WorkingPointsFilters } from "./WorkingPointsFilters/WorkingPointsFilters";
|
|
|
|
|
|
|
|
|
|
const useGetDataRange = () => {
|
|
|
|
|
return useQuery(
|
|
|
|
|
["max-min"],
|
|
|
|
|
async () => {
|
|
|
|
|
const { data } = await api.get(`/api/placement_points/filters/`);
|
|
|
|
|
|
|
|
|
|
return data;
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
select: (data) => {
|
|
|
|
|
return {
|
|
|
|
|
...data,
|
|
|
|
|
prediction: [data.prediction_current[0], data.prediction_current[1]],
|
|
|
|
|
deltaTraffic: [data.delta_current[0], data.delta_current[1]],
|
|
|
|
|
factTraffic: [data.fact[0], data.fact[1]],
|
|
|
|
|
age: [data.age_day[0], data.age_day[1]],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const Sidebar = forwardRef(({ isCollapsed }, ref) => {
|
|
|
|
|
const { mode } = useMode();
|
|
|
|
|
|
|
|
|
|
const { data: filtersValueRange, isInitialLoading: isFullRangeLoading } =
|
|
|
|
|
useGetDataRange();
|
|
|
|
|
|
|
|
|
|
const getFilters = () => {
|
|
|
|
|
if (mode === MODES.PENDING) {
|
|
|
|
|
return <PendingPointsFilters />;
|
|
|
|
|
@ -45,12 +18,7 @@ export const Sidebar = forwardRef(({ isCollapsed }, ref) => {
|
|
|
|
|
return <OnApprovalPointsFilters />;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<WorkingPointsFilters
|
|
|
|
|
fullRange={filtersValueRange}
|
|
|
|
|
isFullRangeLoading={isFullRangeLoading}
|
|
|
|
|
/>
|
|
|
|
|
);
|
|
|
|
|
return <WorkingPointsFilters />;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|