diff --git a/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/LensViewModal.jsx b/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/LensViewModal.jsx index 2a45358..9a86fb9 100644 --- a/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/LensViewModal.jsx +++ b/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/LensViewModal.jsx @@ -1,10 +1,39 @@ -import {Button, Col, Modal, Row, Typography} from "antd"; +import {Button, Col, Modal, Result, Row, Typography} from "antd"; import PropTypes from "prop-types"; import {LensPropType} from "../../../../../../../Types/lensPropType.js"; +import useLensViewModal from "./useLensViewModal.js"; +import LoadingIndicator from "../../../../../../Widgets/LoadingIndicator/LoadingIndicator.jsx"; const {Text, Title} = Typography; const LensViewModal = ({visible, onCancel, lens}) => { + const { + lensIssue, + isLensIssuesLoading, + isLensIssuesError + } = useLensViewModal(lens, visible); + + if (isLensIssuesLoading) { + return ( + + + + ); + } + + if (isLensIssuesError) { + return ( + + Закрыть} + /> + + ); + } + return ( { + {lensIssue && ( +
+ 👨‍⚕️ Пациент + {lensIssue?.patient?.last_name} {lensIssue?.patient?.first_name} +
+ )}
); }; diff --git a/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/useLensViewModal.js b/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/useLensViewModal.js index 166df87..f453508 100644 --- a/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/useLensViewModal.js +++ b/web-app/src/Components/Pages/LensesSetsPage/Components/LensesTab/Components/LensViewModal/useLensViewModal.js @@ -11,7 +11,7 @@ const useLensViewModal = (lens, visible) => { pollingInterval: 60000, refetchOnMountOrArgChange: true, }); - + return { lensIssue, isLensIssueLoading,