diff --git a/src/Components/Diagnosis/ConsultationDiagnosisBuilder/AddICD11Diagnosis.tsx b/src/Components/Diagnosis/ConsultationDiagnosisBuilder/AddICD11Diagnosis.tsx index 0006b454718..2476fa57ab0 100644 --- a/src/Components/Diagnosis/ConsultationDiagnosisBuilder/AddICD11Diagnosis.tsx +++ b/src/Components/Diagnosis/ConsultationDiagnosisBuilder/AddICD11Diagnosis.tsx @@ -1,4 +1,4 @@ -import { useState } from "react"; +import { useEffect, useState } from "react"; import { useTranslation } from "react-i18next"; import AutocompleteFormField from "../../Form/FormFields/Autocomplete"; import { @@ -10,6 +10,7 @@ import ConditionVerificationStatusMenu from "../ConditionVerificationStatusMenu" import { classNames, mergeQueryOptions } from "../../../Utils/utils"; import useQuery from "../../../Utils/request/useQuery"; import routes from "../../../Redux/api"; +import { Error } from "../../../Utils/Notifications"; interface AddICD11DiagnosisProps { className?: string; @@ -24,7 +25,15 @@ export default function AddICD11Diagnosis(props: AddICD11DiagnosisProps) { const [adding, setAdding] = useState(false); const hasError = !!props.disallowed.find((d) => d?.id === selected?.id); - const { data, loading, refetch } = useQuery(routes.listICD11Diagnosis); + const { res, data, loading, refetch } = useQuery(routes.listICD11Diagnosis, { + silent: true, + }); + + useEffect(() => { + if (res?.status === 500) { + Error({ msg: "ICD-11 Diagnosis functionality is facing issues." }); + } + }, [res?.status]); const handleAdd = async (status: CreateDiagnosis["verification_status"]) => { if (!selected) return; diff --git a/src/Components/Diagnosis/ConsultationDiagnosisBuilder/ConsultationDiagnosisEntry.tsx b/src/Components/Diagnosis/ConsultationDiagnosisBuilder/ConsultationDiagnosisEntry.tsx index c2354503bea..d431890cd17 100644 --- a/src/Components/Diagnosis/ConsultationDiagnosisBuilder/ConsultationDiagnosisEntry.tsx +++ b/src/Components/Diagnosis/ConsultationDiagnosisBuilder/ConsultationDiagnosisEntry.tsx @@ -80,9 +80,11 @@ export default function ConsultationDiagnosisEntry(props: Props) { ? "font-semibold text-primary-500" : "font-normal", !isActive && "text-gray-500 line-through", + !object.diagnosis_object?.label && "italic text-gray-500", )} > - {object.diagnosis_object?.label} + {object.diagnosis_object?.label || + "Unable to retrieve this ICD-11 diagnosis at the moment"}