|
|
|
|
@ -4,19 +4,25 @@ import {
|
|
|
|
|
} from "../../../api";
|
|
|
|
|
import { usePointSelection } from "../../../stores/usePointSelection";
|
|
|
|
|
import { Spin } from "antd";
|
|
|
|
|
import { useEffect } from "react";
|
|
|
|
|
|
|
|
|
|
export const SelectedLocations = () => {
|
|
|
|
|
export const SelectedLocations = ({ onSelectedChange }) => {
|
|
|
|
|
const { data: totalCount, isInitialLoading: isTotalLoading } =
|
|
|
|
|
useGetTotalInitialPointsCount();
|
|
|
|
|
const { data: filteredCount, isInitialLoading: isFilteredLoading } =
|
|
|
|
|
useGetFilteredPendingPointsCount();
|
|
|
|
|
|
|
|
|
|
const showSpinner = isTotalLoading || isFilteredLoading;
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
selection: { excluded },
|
|
|
|
|
} = usePointSelection();
|
|
|
|
|
|
|
|
|
|
useEffect(
|
|
|
|
|
() => onSelectedChange(filteredCount - excluded.size),
|
|
|
|
|
[filteredCount, excluded]
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const showSpinner = isTotalLoading || isFilteredLoading;
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className={"flex items-center justify-between"}>
|
|
|
|
|
<span>Отобрано локаций</span>
|
|
|
|
|
|