diff --git a/src/Common/constants.tsx b/src/Common/constants.tsx index 74150a53e4f..9998762cc05 100644 --- a/src/Common/constants.tsx +++ b/src/Common/constants.tsx @@ -735,10 +735,23 @@ export const HEARTBEAT_RHYTHM_CHOICES = [ ] as const; export const NURSING_CARE_PROCEDURES = [ + "oral_care", + "hair_care", + "bed_bath", + "eye_care", + "perineal_care", + "skin_care", + "pre_enema", + "wound_dressing", + "lymphedema_care", + "ascitic_tapping", + "colostomy_care", + "colostomy_change", "personal_hygiene", "positioning", "suctioning", "ryles_tube_care", + "ryles_tube_change", "iv_sitecare", "nubulisation", "dressing", @@ -746,8 +759,10 @@ export const NURSING_CARE_PROCEDURES = [ "restrain", "chest_tube_care", "tracheostomy_care", + "tracheostomy_change", "stoma_care", "catheter_care", + "catheter_change", ] as const; export const EYE_OPEN_SCALE = [ diff --git a/src/Components/Form/FormFields/AutocompleteMultiselect.tsx b/src/Components/Form/FormFields/AutocompleteMultiselect.tsx index 4e9386afeba..a727db8b749 100644 --- a/src/Components/Form/FormFields/AutocompleteMultiselect.tsx +++ b/src/Components/Form/FormFields/AutocompleteMultiselect.tsx @@ -21,7 +21,7 @@ type OptionCallback = (option: T) => R; type AutocompleteMultiSelectFormFieldProps = FormFieldBaseProps & { placeholder?: string; - options: T[]; + options: readonly T[]; optionLabel: OptionCallback; optionValue?: OptionCallback; optionDisabled?: OptionCallback; @@ -52,7 +52,7 @@ export default AutocompleteMultiSelectFormField; type AutocompleteMutliSelectProps = { id?: string; - options: T[]; + options: readonly T[]; disabled?: boolean | undefined; value: V[]; placeholder?: string; diff --git a/src/Components/LogUpdate/Sections/NursingCare.tsx b/src/Components/LogUpdate/Sections/NursingCare.tsx index 48037d6c842..b1dd7c09c3a 100644 --- a/src/Components/LogUpdate/Sections/NursingCare.tsx +++ b/src/Components/LogUpdate/Sections/NursingCare.tsx @@ -1,8 +1,8 @@ import { useTranslation } from "react-i18next"; import { NURSING_CARE_PROCEDURES } from "../../../Common/constants"; import { LogUpdateSectionMeta, LogUpdateSectionProps } from "../utils"; -import { MultiSelectFormField } from "../../Form/FormFields/SelectFormField"; import AutoExpandingTextInputFormField from "../../Form/FormFields/AutoExpandingTextInputFormField"; +import AutocompleteMultiSelectFormField from "../../Form/FormFields/AutocompleteMultiselect"; const NursingCare = ({ log, onChange }: LogUpdateSectionProps) => { const { t } = useTranslation(); @@ -10,7 +10,7 @@ const NursingCare = ({ log, onChange }: LogUpdateSectionProps) => { return (
- p.procedure)} @@ -30,14 +30,14 @@ const NursingCare = ({ log, onChange }: LogUpdateSectionProps) => { errorClassName="hidden" /> {!!nursing.length && ( - +
{nursing.map((obj) => ( - -
+ {t(`NURSING_CARE_PROCEDURE__${obj.procedure}`)} +