Disable multiple buttons for discharged patients (#7730)

* UPDATE: reverted formatting changes to other files * UPDATE: requested code changes
ohcnetwork · May 7, 2024 · d807434 · d807434
1 parent d5d9ee9
commit d807434
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 2 deletions.
diff --git a/src/Components/Facility/Consultations/DailyRounds/DefaultLogUpdateCard.tsx b/src/Components/Facility/Consultations/DailyRounds/DefaultLogUpdateCard.tsx
@@ -49,6 +49,7 @@ const DefaultLogUpdateCard = ({ round, ...props }: Props) => {
  </ButtonV2>
  <ButtonV2
  variant="secondary"
+ disabled={!!props.consultationData?.discharge_date}
  border
  ghost
  size="small"

diff --git a/src/Components/Facility/Investigations/InvestigationTable.tsx b/src/Components/Facility/Investigations/InvestigationTable.tsx
@@ -64,6 +64,7 @@ const TestRow = ({ data, i, onChange, showForm, value, isChanged }: any) => {
 export const InvestigationTable = ({
  title,
  data,
+ isDischargedPatient,
  handleValueChange,
  changedFields,
  handleUpdateCancel,
@@ -94,6 +95,7 @@ export const InvestigationTable = ({
  Print Report
  </ButtonV2>
  <ButtonV2
+ disabled={isDischargedPatient}
  variant="primary"
  className="my-2 mr-2"
  onClick={() => {

diff --git a/src/Components/Facility/Investigations/ShowInvestigation.tsx b/src/Components/Facility/Investigations/ShowInvestigation.tsx
@@ -80,6 +80,11 @@ export default function ShowInvestigation(props: any) {
  },
  );
 
+ const { data: consultation } = useQuery(routes.getConsultation, {
+ pathParams: { id: consultationId },
+ prefetch: !!consultationId,
+ });
+
  const handleValueChange = (value: any, name: string) => {
  const changedFields = { ...state.changedFields };
  set(changedFields, name, value);
@@ -151,6 +156,7 @@ export default function ShowInvestigation(props: any) {
  <InvestigationTable
  title={`ID: ${sessionId}`}
  data={state.initialValues}
+ isDischargedPatient={!!consultation?.discharge_date}
  changedFields={state.changedFields}
  handleValueChange={handleValueChange}
  handleUpdateCancel={handleUpdateCancel}

diff --git a/src/Components/Patient/FileUpload.tsx b/src/Components/Patient/FileUpload.tsx
@@ -13,7 +13,7 @@ import { VoiceRecorder } from "../../Utils/VoiceRecorder";
 import Pagination from "../Common/Pagination";
 import { RESULTS_PER_PAGE_LIMIT } from "../../Common/constants";
 import imageCompression from "browser-image-compression";
-import { formatDateTime } from "../../Utils/utils";
+import { classNames, formatDateTime } from "../../Utils/utils";
 import { useTranslation } from "react-i18next";
 import HeadedTabs from "../Common/HeadedTabs";
 import ButtonV2, { Cancel, Submit } from "../Common/components/ButtonV2";
@@ -258,6 +258,11 @@ export const FileUpload = (props: FileUploadProps) => {
  prefetch: !!patientId,
  });
 
+ const { data: consultation } = useQuery(routes.getConsultation, {
+ pathParams: { id: consultationId },
+ prefetch: !!consultationId,
+ });
+
  const captureImage = () => {
  setPreviewImage(webRef.current.getScreenshot());
  const canvas = webRef.current.getCanvas();
@@ -1526,6 +1531,7 @@ export const FileUpload = (props: FileUploadProps) => {
  )}
  <div className="flex flex-col items-center gap-4 md:flex-row md:flex-wrap lg:flex-nowrap">
  <VoiceRecorder
+ isDisabled={!!consultation?.discharge_date}
  createAudioBlob={createAudioBlob}
  confirmAudioBlobExists={confirmAudioBlobExists}
  reset={resetRecording}
@@ -1586,7 +1592,14 @@ export const FileUpload = (props: FileUploadProps) => {
  <AuthorizedChild authorizeFor={NonReadOnlyUsers}>
  {({ isAuthorized }) =>
  isAuthorized ? (
- <label className="button-size-default button-shape-square button-primary-default inline-flex h-min w-full cursor-pointer items-center justify-center gap-2 whitespace-pre font-medium outline-offset-1 transition-all duration-200 ease-in-out disabled:cursor-not-allowed disabled:bg-gray-200 disabled:text-gray-500">
+ <label
+ className={classNames(
+ consultation?.discharge_date
+ ? "cursor-not-allowed bg-gray-200 text-gray-500"
+ : "button-primary-default cursor-pointer transition-all duration-200 ease-in-out",
+ "button-size-default button-shape-square inline-flex h-min w-full items-center justify-center gap-2 whitespace-pre font-medium outline-offset-1",
+ )}
+ >
  <CareIcon
  icon="l-file-upload-alt"
  className="text-lg"
@@ -1599,6 +1612,7 @@ export const FileUpload = (props: FileUploadProps) => {
  type="file"
  accept="image/*,video/*,audio/*,text/plain,text/csv,application/rtf,application/msword,application/vnd.oasis.opendocument.text,application/pdf,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,application/pdf"
  hidden
+ disabled={!!consultation?.discharge_date}
  />
  </label>
  ) : (
@@ -1607,6 +1621,7 @@ export const FileUpload = (props: FileUploadProps) => {
  }
  </AuthorizedChild>
  <ButtonV2
+ disabled={!!consultation?.discharge_date}
  onClick={() => setModalOpenForCamera(true)}
  className="w-full"
  >

diff --git a/src/Utils/VoiceRecorder.tsx b/src/Utils/VoiceRecorder.tsx
@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
 export const VoiceRecorder = (props: any) => {
  const { t } = useTranslation();
  const {
+ isDisabled,
  createAudioBlob,
  confirmAudioBlobExists,
  reset,
@@ -75,6 +76,7 @@ export const VoiceRecorder = (props: any) => {
  {!audioURL && (
  <ButtonV2
  id="record-audio"
+ disabled={isDisabled}
  onClick={startRecording}
  authorizeFor={NonReadOnlyUsers}
  className="w-full md:w-fit"