Patient Updates Tab, Structured responses filter by Encounter (#10329)

ohcnetwork · Jan 31, 2025 · 46caeff · 46caeff
1 parent 7b61652
commit 46caeff
Show file tree

Hide file tree

Showing 64 changed files with 409 additions and 308 deletions.
diff --git a/public/locale/en.json b/public/locale/en.json
@@ -1047,6 +1047,7 @@
   "has_domestic_healthcare_support": "Has domestic healthcare support?",
   "has_sari": "Has SARI (Severe Acute Respiratory illness)?",
   "health-profile": "Health Profile",
+  "health_profile": "Health Profile",
   "hearing": "We are hearing you...",
   "help_confirmed": "There is sufficient diagnostic and/or clinical evidence to treat this as a confirmed condition.",
   "help_differential": "One of a set of potential (and typically mutually exclusive) diagnoses asserted to further guide the diagnostic process and preliminary treatment.",

diff --git a/src/components/Common/Charts/ObservationChart.tsx b/src/components/Common/Charts/ObservationChart.tsx
@@ -152,7 +152,7 @@ export const ObservationVisualizer = ({
         {codeGroups.map((group, index) => (
           <Card key={index} className="p-4">
             <div
-              className="flex items-center justify-center text-muted-foreground"
+              className="flex items-center justify-center text-gray-500"
               style={{ height: `${height}px` }}
             >
               No data available
@@ -365,7 +365,7 @@ export const ObservationVisualizer = ({
                                   details.note && (
                                     <div
                                       key={code.code}
-                                      className="text-sm text-muted-foreground"
+                                      className="text-sm text-gray-500"
                                     >
                                       <span className="font-medium">
                                         {code.display}:

diff --git a/src/components/Common/Charts/ObservationHistoryTable.tsx b/src/components/Common/Charts/ObservationHistoryTable.tsx
@@ -92,7 +92,7 @@ export const ObservationHistoryTable = ({
 
   if (!data?.pages[0]?.results.length) {
     return (
-      <div className="flex h-[200px] items-center justify-center text-muted-foreground">
+      <div className="flex h-[200px] items-center justify-center text-gray-500">
         No data available
       </div>
     );
@@ -134,7 +134,7 @@ export const ObservationHistoryTable = ({
                       <span>{name}</span>
                     </div>
                   </TableCell>
-                  <TableCell className="text-sm text-muted-foreground">
+                  <TableCell className="text-sm text-gray-500">
                     {observation.note}
                   </TableCell>
                 </TableRow>

diff --git a/src/components/Common/ComboboxQuantityInput.tsx b/src/components/Common/ComboboxQuantityInput.tsx
@@ -120,7 +120,7 @@ export function ComboboxQuantityInput({
               autoFocus={autoFocus}
             />
             {selectedUnit && (
-              <div className="absolute right-1.5 top-1/2 -translate-y-1/2 text-sm text-muted-foreground">
+              <div className="absolute right-1.5 top-1/2 -translate-y-1/2 text-sm text-gray-500">
                 {selectedUnit.display}
               </div>
             )}

diff --git a/src/components/Common/SearchByMultipleFields.tsx b/src/components/Common/SearchByMultipleFields.tsx
@@ -365,7 +365,7 @@ const SearchByMultipleFields: React.FC<SearchByMultipleFieldsProps> = ({
         <Button
           variant="ghost"
           size="sm"
-          className="w-full flex items-center justify-center text-muted-foreground"
+          className="w-full flex items-center justify-center text-gray-500"
           onClick={() => {
             setSearchValue("");
             inputRef.current?.focus();

diff --git a/src/components/Encounter/CreateEncounterForm.tsx b/src/components/Encounter/CreateEncounterForm.tsx
@@ -226,7 +226,7 @@ export default function CreateEncounterForm({
                           <div className="flex flex-col items-center text-center">
                             <Icon className="size-6" />
                             <div className="text-sm font-bold">{label}</div>
-                            <div className="text-wrap text-xs text-center text-xs text-muted-foreground">
+                            <div className="text-wrap text-xs text-center text-xs text-gray-500">
                               {description}
                             </div>
                           </div>

diff --git a/src/components/Facility/ConsultationDetails/ObservationsList.tsx b/src/components/Facility/ConsultationDetails/ObservationsList.tsx
@@ -58,9 +58,7 @@ export default function ObservationsList(props: Props) {
   if (isLoading) {
     return (
       <Card className="p-6">
-        <div className="text-lg font-medium text-muted-foreground">
-          {t("loading")}
-        </div>
+        <div className="text-lg font-medium text-gray-500">{t("loading")}</div>
       </Card>
     );
   }
@@ -70,7 +68,7 @@ export default function ObservationsList(props: Props) {
   if (observations.length === 0) {
     return (
       <Card className="p-6">
-        <div className="text-lg font-medium text-muted-foreground">
+        <div className="text-lg font-medium text-gray-500">
           {t("no_observations")}
         </div>
       </Card>
@@ -83,7 +81,7 @@ export default function ObservationsList(props: Props) {
         {observations.map((item: Observation) => (
           <Card key={item.id} className="flex items-center justify-between p-4">
             <div>
-              <div className="text-xs flex items-center gap-1 text-muted-foreground">
+              <div className="text-xs flex items-center gap-1 text-gray-500">
                 <CareIcon icon="l-calender" />
                 <span>{formatDateTime(item.effective_datetime)}</span>
               </div>
@@ -102,16 +100,14 @@ export default function ObservationsList(props: Props) {
                 </div>
               )}
               {item.note && (
-                <div className="mt-1 text-sm text-muted-foreground">
-                  {item.note}
-                </div>
+                <div className="mt-1 text-sm text-gray-500">{item.note}</div>
               )}
             </div>
           </Card>
         ))}
         {hasNextPage && (
           <div ref={ref} className="flex justify-center p-4">
-            <div className="text-sm text-muted-foreground">
+            <div className="text-sm text-gray-500">
               {isFetchingNextPage ? t("loading_more") : t("load_more")}
             </div>
           </div>

diff --git a/src/components/Facility/ConsultationDetails/QuestionnaireResponseView.tsx b/src/components/Facility/ConsultationDetails/QuestionnaireResponseView.tsx
@@ -41,7 +41,7 @@ export default function QuestionnaireResponseView({
   if (!formResponse) {
     return (
       <Card className="p-6 text-center">
-        <p className="text-lg font-medium text-muted-foreground">
+        <p className="text-lg font-medium text-gray-500">
           {t("error_loading_questionnaire_response")}
         </p>
       </Card>
@@ -54,12 +54,12 @@ export default function QuestionnaireResponseView({
         <Card className="p-6">
           <div className="space-y-4">
             <div>
-              <p className="text-sm text-muted-foreground">
+              <p className="text-sm text-gray-500">
                 {formResponse.questionnaire?.description}
               </p>
             </div>
 
-            <div className="flex items-center gap-4 text-sm text-muted-foreground">
+            <div className="flex items-center gap-4 text-sm text-gray-500">
               <div className="flex items-center gap-2">
                 <CareIcon icon="l-calender" className="h-4 w-4" />
                 <span>{formatDateTime(formResponse.created_date)}</span>
@@ -95,13 +95,13 @@ export default function QuestionnaireResponseView({
 
                     return (
                       <div key={question.id} className="grid grid-cols-2 gap-4">
-                        <div className="text-sm text-muted-foreground">
+                        <div className="text-sm text-gray-500">
                           {question.text}
                         </div>
                         <div className="font-medium">
                           {String(value)}
                           {questionResponse.note && (
-                            <span className="ml-2 text-sm text-muted-foreground">
+                            <span className="ml-2 text-sm text-gray-500">
                               ({questionResponse.note})
                             </span>
                           )}