Skip to content

Commit

Permalink
tailwinds #4979 (#5662)
Browse files Browse the repository at this point in the history
  • Loading branch information
@rithviknishad
rithviknishad committed Jun 21, 2023
1 parent a4fd3ef commit 99c8329
Showing 1 changed file with 32 additions and 91 deletions.
123 changes: 32 additions & 91 deletions src/Components/Patient/PatientHome.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import { CircularProgress } from "@material-ui/core";
import { navigate } from "raviger";
import moment from "moment";
import React, { useCallback, useEffect, useState } from "react";
Expand All @@ -23,21 +22,19 @@ import { ConsultationCard } from "../Facility/ConsultationCard";
import { ConsultationModel } from "../Facility/models";
import { PatientModel, SampleTestModel } from "./models";
import { SampleTestCard } from "./SampleTestCard";
import Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogTitle from "@material-ui/core/DialogTitle";
import { LegacyErrorHelperText } from "../Common/HelperInputFields";
import Modal from "@material-ui/core/Modal";
import Chip from "../../CAREUI/display/Chip";
import { classNames, formatDate } from "../../Utils/utils";
import ButtonV2 from "../Common/components/ButtonV2";
import { NonReadOnlyUsers } from "../../Utils/AuthorizeFor";
import RelativeDateUserMention from "../Common/RelativeDateUserMention";
import CareIcon from "../../CAREUI/icons/CareIcon";
import { useTranslation } from "react-i18next";
import CircularProgress from "../Common/components/CircularProgress";
import Page from "../Common/components/Page";
import ConfirmDialogV2 from "../Common/ConfirmDialogV2";
import { FieldErrorText } from "../Form/FormFields/FormField";

const Loading = loadable(() => import("../Common/Loading"));
const PageTitle = loadable(() => import("../Common/PageTitle"));

export const PatientHome = (props: any) => {
const { facilityId, id } = props;
Expand Down Expand Up @@ -339,7 +336,7 @@ export const PatientHome = (props: any) => {
let consultationList, sampleList;

if (isConsultationLoading) {
consultationList = <CircularProgress size={20} />;
consultationList = <CircularProgress />;
} else if (consultationListData.length === 0) {
consultationList = (
<div>
Expand All @@ -360,7 +357,7 @@ export const PatientHome = (props: any) => {
}

if (isSampleLoading) {
sampleList = <CircularProgress size={20} />;
sampleList = <CircularProgress />;
} else if (sampleListData.length === 0) {
sampleList = (
<div>
Expand Down Expand Up @@ -394,7 +391,14 @@ export const PatientHome = (props: any) => {
};

return (
<div className="px-2 pb-2">
<Page
title={"Patient Details"}
crumbsReplacements={{
[facilityId]: { name: patientData?.facility_object?.name },
[id]: { name: patientData?.name },
}}
backUrl={facilityId ? `/facility/${facilityId}/patients` : "/patients"}
>
{showAlertMessage.show && (
<AlertDialog
title={showAlertMessage.title}
Expand All @@ -404,18 +408,7 @@ export const PatientHome = (props: any) => {
/>
)}

<div id="revamp">
<PageTitle
title={"Patient Details"}
crumbsReplacements={{
[facilityId]: { name: patientData?.facility_object?.name },
[id]: { name: patientData?.name },
}}
backUrl={
facilityId ? `/facility/${facilityId}/patients` : "/patients"
}
/>

<div>
<div className="relative mt-2">
<div className="max-w-screen-xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
<div className="md:flex">
Expand Down Expand Up @@ -959,55 +952,19 @@ export const PatientHome = (props: any) => {
>
{t("transfer_to_receiving_facility")}
</ButtonV2>
<Modal
open={modalFor === shift.external_id}
<ConfirmDialogV2
title="Confirm Transfer Complete"
description="Are you sure you want to mark this transfer as complete? The Origin facility will no longer have access to this patient"
show={modalFor === shift.external_id}
action="Confirm"
onClose={() =>
setModalFor({
externalId: undefined,
loading: false,
})
}
>
<div className="h-screen w-full absolute flex items-center justify-center bg-modal">
<div className="bg-white rounded shadow p-8 m-4 max-w-sm max-h-full text-center">
<div className="mb-4">
<h1 className="text-2xl">
Confirm Transfer Complete!
</h1>
</div>
<div className="mb-8">
<p>
Are you sure you want to mark this
transfer as complete? The Origin facility
will no longer have access to this patient
</p>
</div>
<div className="flex gap-2 justify-center">
<ButtonV2
size="small"
className="w-full"
onClick={() => {
setModalFor({
externalId: undefined,
loading: false,
});
}}
>
Cancel
</ButtonV2>
<ButtonV2
size="small"
className="w-full"
onClick={() =>
handleTransferComplete(shift)
}
>
Confirm
</ButtonV2>
</div>
</div>
</div>
</Modal>
onConfirm={() => handleTransferComplete(shift)}
/>
</div>
)}
</div>
Expand Down Expand Up @@ -1482,16 +1439,11 @@ export const PatientHome = (props: any) => {
</section>
</div>

<Dialog
maxWidth={"md"}
open={openAssignVolunteerDialog}
<ConfirmDialogV2
title={`Assign a volunteer to ${patientData.name}`}
show={openAssignVolunteerDialog}
onClose={() => setOpenAssignVolunteerDialog(false)}
>
<div className="mx-10 my-5">
<DialogTitle id="form-dialog-title">
Assign a volunteer to {patientData.name}
</DialogTitle>

description={
<div>
<OnlineUsersSelect
userId={assignedVolunteerObject?.id || patientData.assigned_to}
Expand All @@ -1500,23 +1452,12 @@ export const PatientHome = (props: any) => {
user_type={"Volunteer"}
outline={false}
/>
<LegacyErrorHelperText error={errors.assignedVolunteer} />
<FieldErrorText error={errors.assignedVolunteer} />
</div>

<DialogActions>
<ButtonV2
variant="secondary"
onClick={() => {
handleVolunteerSelect(patientData.assigned_to_object);
setOpenAssignVolunteerDialog(false);
}}
>
Cancel
</ButtonV2>
<ButtonV2 onClick={handleAssignedVolunteer}>Submit</ButtonV2>
</DialogActions>
</div>
</Dialog>
}
action="Assign"
onConfirm={handleAssignedVolunteer}
/>

<div>
<h2 className="font-semibold text-2xl leading-tight ml-0 mt-9">
Expand Down Expand Up @@ -1551,6 +1492,6 @@ export const PatientHome = (props: any) => {
</div>
)}
</div>
</div>
</Page>
);
};

0 comments on commit 99c8329

Please sign in to comment.