Fix: feedback updates

jembi · Sep 10, 2024 · 088be3b · 088be3b
1 parent f881e80
commit 088be3b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/app/patient-summary/components/generics/DetailedTable.tsx b/src/app/patient-summary/components/generics/DetailedTable.tsx
@@ -6,13 +6,19 @@ import {
   TableRow,
   TableCell,
   TableBody,
+  styled,
 } from '@mui/material';
 
 import { ArrayCaption } from '@/app/components/typography/ArrayCaption';
 import { IResourceType } from '@/types/fhir.types';
 
 import { tableConfig } from './resource.types';
 
+export const StyledTableCell = styled(TableCell)(() => ({
+  width: 0,
+  minWidth: '120px',
+}));
+
 export const DetailedTable = <T extends IResourceType[keyof IResourceType]>({
   title,
   columns,

diff --git a/src/app/patient-summary/components/resources/AllergyIntolerance/index.tsx b/src/app/patient-summary/components/resources/AllergyIntolerance/index.tsx
@@ -1,8 +1,9 @@
-import { TableRow, TableCell } from '@mui/material';
+import { TableRow } from '@mui/material';
 import React from 'react';
 
 import { EResourceType, TType } from '@/types/fhir.types';
 
+import { StyledTableCell } from '../../generics/DetailedTable';
 import { TRow, TTabProps } from '../../generics/resource.types';
 import { TabSection } from '../../generics/TabSection';
 
@@ -40,10 +41,10 @@ export const AllergyIntolerance = <T extends TAllergyIntolerance>(
           Object.entries(customFields).map(([key, val]) =>
             row[key]?.coding?.map((data, index) => (
               <TableRow key={`${JSON.stringify(data)}_${index}`}>
-                <TableCell>{val}</TableCell>
-                <TableCell>{data.code}</TableCell>
-                <TableCell>{data.display}</TableCell>
-                <TableCell>{data.system}</TableCell>
+                <StyledTableCell>{val}</StyledTableCell>
+                <StyledTableCell>{data.code}</StyledTableCell>
+                <StyledTableCell>{data.display}</StyledTableCell>
+                <StyledTableCell>{data.system}</StyledTableCell>
               </TableRow>
             )),
           ),