diff --git a/src/modules/Sidebar/InitialSidebar/TakeToWorkButton.jsx b/src/modules/Sidebar/InitialSidebar/TakeToWorkButton.jsx index 56c6edb..21fa5ba 100644 --- a/src/modules/Sidebar/InitialSidebar/TakeToWorkButton.jsx +++ b/src/modules/Sidebar/InitialSidebar/TakeToWorkButton.jsx @@ -1,4 +1,4 @@ -import { Alert, Button, Modal } from "antd"; +import { Alert, Button, Modal, Popover } from "antd"; import { useQueryClient } from "@tanstack/react-query"; import { useFilters } from "../../../stores/useFilters"; import { usePointSelection } from "../../../stores/usePointSelection"; @@ -6,18 +6,21 @@ import { STATUSES } from "../../../config"; import { useState } from "react"; import { useUpdateStatus } from "../../../hooks/useUpdateStatus"; import { ArrowRightOutlined } from "@ant-design/icons"; +import { Title } from "../../../components/Title"; export const TakeToWorkButton = () => { const { filters } = useFilters(); const { prediction, categories, region } = filters; const { selection } = usePointSelection(); const queryClient = useQueryClient(); + const [popupVisible, setPopupVisible] = useState(false); const [isSuccessModalOpened, setIsSuccessModalOpened] = useState(false); const { mutate: updateStatus } = useUpdateStatus({ onSuccess: () => { queryClient.invalidateQueries(["table", 1, filters]); + setPopupVisible(false); setIsSuccessModalOpened(true); }, }); @@ -46,10 +49,27 @@ export const TakeToWorkButton = () => { return ( <> - - Взять в работу - - + + + + setPopupVisible(false)}>Отмена + + Да + + + + } + > + + Взять в работу + + + { const { reset: resetSelection } = usePointSelection(); const { isVisible, toggleVisibility } = useLayersVisibility(); + console.log(mode); + return (