diff --git a/src/constants/index.js b/src/constants/index.js index a59b301..99928cd 100644 --- a/src/constants/index.js +++ b/src/constants/index.js @@ -42,6 +42,7 @@ export const CLINIC_STATUS = { APPROVED: 'APPROVED', APPROVAL_PENDING_DOCUMENT_RESUBMITTED: 'APPROVAL_PENDING_DOCUMENT_RESUBMITTED', + INACTIVE: 'inactive', }; export const CLINIC_DOCUMENT_STATUS = { diff --git a/src/services/clinics.service.js b/src/services/clinics.service.js index 5262a71..6ca1361 100644 --- a/src/services/clinics.service.js +++ b/src/services/clinics.service.js @@ -16,8 +16,6 @@ import { clinicsData, registeredClinicsData } from "../mock/clinics"; // }; export const getClinics = (params) => { - console.log(params); - let searchParams = new URLSearchParams(); searchParams.append("size", params?.pagination?.pageSize ?? 10); searchParams.append("page", params?.pagination.pageIndex ?? 0); diff --git a/src/services/dashboard.services.js b/src/services/dashboard.services.js index 6dc7718..407682e 100644 --- a/src/services/dashboard.services.js +++ b/src/services/dashboard.services.js @@ -12,7 +12,7 @@ export const getDashboardStats = () => { export const getSignupMasterPricing = () => { - const url = '/dashboard/signup-pricing-master/'; + const url = '/dashboard/signup-pricing-master'; return new Promise((resolve, reject) => { axiosInstance .get(url) @@ -23,7 +23,7 @@ export const getSignupMasterPricing = () => { export const setSignupMasterPricing = (data) => { - const url = '/dashboard/signup-pricing-master/'; + const url = '/dashboard/signup-pricing-master'; return new Promise((resolve, reject) => { axiosInstance .post(url, data) diff --git a/src/views/ClinicsList/index.jsx b/src/views/ClinicsList/index.jsx index 924ab9a..7b1cf23 100644 --- a/src/views/ClinicsList/index.jsx +++ b/src/views/ClinicsList/index.jsx @@ -1,49 +1,63 @@ import React, { useState, useMemo, useEffect, useRef } from "react"; import { useTheme } from "@emotion/react"; -import { useLocation, useNavigate,Link } from "react-router-dom"; -import StoreIcon from '@mui/icons-material/Store'; -import DescriptionIcon from '@mui/icons-material/Description'; -import { Box, Chip,Tab, Tabs } from '@mui/material'; -import { differenceInDays, format } from 'date-fns'; -import { LoadingButton } from '@mui/lab'; -import FileDownloadIcon from '@mui/icons-material/FileDownload'; +import { useLocation, useNavigate, Link } from "react-router-dom"; +import StoreIcon from "@mui/icons-material/Store"; +import BlockIcon from "@mui/icons-material/Block"; +import { + Box, + Chip, + Tab, + Tabs, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + Button, + Typography, + IconButton, +} from "@mui/material"; +import { differenceInDays, format } from "date-fns"; +import { LoadingButton } from "@mui/lab"; +import FileDownloadIcon from "@mui/icons-material/FileDownload"; +import CloseIcon from "@mui/icons-material/Close"; import { useStyles } from "./clinicListStyles"; -import { CLINIC_STATUS, CLINIC_TYPE, NOT_AVAILABLE_TEXT, PLAN_STATUS_TYPE } from "../../constants"; -import { getClinics } from "../../services/clinics.service"; +import { + CLINIC_STATUS, + CLINIC_TYPE, + NOT_AVAILABLE_TEXT, + NOTIFICATION, + PLAN_STATUS_TYPE, +} from "../../constants"; +import { getClinics, updateClinicStatus } from "../../services/clinics.service"; import CustomBreadcrumbs from "../../components/CustomBreadcrumbs"; import Table from "../../components/Table"; import TableSelect from "../../components/TableSelect"; -import PageHeader from '../../components/PageHeader'; - +import PageHeader from "../../components/PageHeader"; +import { pushNotification } from "../../utils/notification"; const ClinicsList = () => { const theme = useTheme(); const ref = useRef(null); const classes = useStyles(); const params = useLocation(); - const navigate = useNavigate(); const queryParams = new URLSearchParams(params.search); const [type, setType] = useState( queryParams.get("tab") ?? CLINIC_TYPE.UNREGISTERED ); - const showNewPlanAddedModel = - Boolean(queryParams.get("isPlanCreated")) ?? false; const [isDownloading, setIsDownloading] = useState(false); - const[totalActive, setTotalActive] = useState(0); - const[totalInactive, setTotalInactive] = useState(0); - const [showModel, setShowModel] = useState(false); - const [modelType, setModelType] = useState(""); - const [rowActionData, setRowActionData] = useState(""); - const [isEmailSentPopupOpen, setIsEmailSentPopupOpen] = useState(false); - const emailList = useRef(); + const [totalActive, setTotalActive] = useState(0); + const [totalInactive, setTotalInactive] = useState(0); + // State for freeze clinic confirmation dialog + const [freezeDialogOpen, setFreezeDialogOpen] = useState(false); + const [clinicToFreeze, setClinicToFreeze] = useState(null); const UNREGISTERED_CLINIC_STATUS_OPTIONS = [ - { id: 1, name: CLINIC_STATUS.NOT_REVIEWED, showName: 'Approval Pending' }, + { id: 1, name: CLINIC_STATUS.NOT_REVIEWED, showName: "Approval Pending" }, { id: 2, name: CLINIC_STATUS.APPROVAL_PENDING_DOCUMENT_RESUBMITTED }, - { id: 3, name: CLINIC_STATUS.ON_HOLD, showName: 'On Hold' }, - { id: 4, name: CLINIC_STATUS.REJECTED, showName: 'Rejected' }, + { id: 3, name: CLINIC_STATUS.ON_HOLD, showName: "On Hold" }, + { id: 4, name: CLINIC_STATUS.REJECTED, showName: "Rejected" }, ]; const columnsUnregistered = useMemo( @@ -79,7 +93,11 @@ const ClinicsList = () => { <>
{row?.original?.logo ? ( - logo + logo ) : ( )} @@ -121,10 +139,7 @@ const ClinicsList = () => { <>
{row?.original?.update_time - ? format( - new Date(row.original.update_time), - "dd MMM yyyy" - ) + ? format(new Date(row.original.update_time), "dd MMM yyyy") : NOT_AVAILABLE_TEXT}
@@ -275,7 +290,11 @@ const ClinicsList = () => { <>
{row?.original?.logo ? ( - logo + logo ) : ( )} @@ -330,6 +349,26 @@ const ClinicsList = () => { ); }, }, + { + enableSorting: false, + size: 100, + header: "Actions", + Cell: ({ row }) => { + return ( +
+ +
+ ); + }, + }, ].filter(Boolean), [type] ); @@ -373,10 +412,53 @@ const ClinicsList = () => { // } }; - const handleRequestSentClose = () => { - // setIsEmailSentPopupOpen(false); + // Open freeze confirmation dialog + const openFreezeConfirmation = (row) => { + setClinicToFreeze(row.original); + setFreezeDialogOpen(true); }; + // Handle freeze/unfreeze clinic after confirmation + const handleFreezeClinic = async () => { + try { + // Determine if we're freezing or unfreezing based on current status + const isCurrentlyFrozen = clinicToFreeze.status === CLINIC_STATUS.INACTIVE; + const newStatus = isCurrentlyFrozen ? "active" : CLINIC_STATUS.INACTIVE; + + const payload = { + clinic_id: clinicToFreeze.id, + status: newStatus, + }; + + const resp = await updateClinicStatus(payload); + + // Show appropriate success message + const successMessage = isCurrentlyFrozen + ? "Clinic unfrozen successfully" + : "Clinic frozen successfully"; + pushNotification(successMessage, NOTIFICATION.SUCCESS); + + // Refresh the table + if (ref.current) { + ref.current.reFetchData(); + } + } catch (error) { + // Show appropriate error message + const isCurrentlyFrozen = clinicToFreeze.status === CLINIC_STATUS.INACTIVE; + const errorMessage = isCurrentlyFrozen + ? "Failed to unfreeze clinic" + : "Failed to freeze clinic"; + + console.error(`Error ${isCurrentlyFrozen ? 'unfreezing' : 'freezing'} clinic:`, error); + pushNotification(errorMessage, NOTIFICATION.ERROR); + } + + // Close the dialog + setFreezeDialogOpen(false); + setClinicToFreeze(null); + }; + + const breadcrumbs = [ { label: "Dashboard", @@ -385,7 +467,7 @@ const ClinicsList = () => { { label: "Clinic List", path: "/clinics", - query: { tab: queryParams.get('tab') || 'UNREGISTERED' } + query: { tab: queryParams.get("tab") || "UNREGISTERED" }, }, ]; @@ -397,17 +479,21 @@ const ClinicsList = () => { return ( <> - - } + addButtonIcon={} extraComponent={ - - + + {/* */} @@ -418,9 +504,7 @@ const ClinicsList = () => { color="primary" variant="outlined" loading={isDownloading} - startIcon={ - - } + startIcon={} // onClick={handleExport} > Download Excel @@ -456,26 +540,90 @@ const ClinicsList = () => { ref={ref} showAction={true} searchText="Clinics" - actions={[ - { - onClick: (row) => - handleModelOpen(row, "transactionHistory"), - text: "Freeze Clinic", - icon: ( - - // transaction history - ), - }, - ]} /> )} + + {/* Freeze Clinic Confirmation Dialog */} + setFreezeDialogOpen(false)} + maxWidth="xs" + fullWidth + PaperProps={{ + sx: { + borderRadius: "12px", + overflow: "hidden", + }, + }} + > + theme.palette.error.main, + color: "white", + fontWeight: "bold", + position: "relative", + }} + > + {clinicToFreeze?.status === CLINIC_STATUS.INACTIVE + ? "Confirm Unfreeze Clinic" + : "Confirm Freeze Clinic"} + setFreezeDialogOpen(false)} + sx={{ + position: "absolute", + right: 8, + top: 8, + color: "white", + }} + > + + + + + + + {clinicToFreeze?.status === CLINIC_STATUS.INACTIVE + ? `Are you sure you want to unfreeze ${clinicToFreeze?.name}? This will restore the clinic's access to the system.` + : `Are you sure you want to freeze ${clinicToFreeze?.name}? This will prevent the clinic from accessing the system until unfrozen.` + } + + + + theme.palette.grey[200], + justifyContent: "space-between", + }} + > + + + + ); };