feat: Use the default styling for disabled cards (#1144)

FNNDSC · Apr 1, 2024 · 73db29f · 73db29f
1 parent 07e3314
commit 73db29f
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 14 deletions.
diff --git a/src/components/Pacs/components/PatientCard.tsx b/src/components/Pacs/components/PatientCard.tsx
@@ -62,7 +62,13 @@ const PatientCard = ({ queryResult }: { queryResult: any }) => {
 
   return (
     <>
-      <Card isRounded isExpanded={isPatientExpanded}>
+      <Card
+        isFlat={true}
+        isFullHeight={true}
+        isCompact={true}
+        isRounded={true}
+        isExpanded={isPatientExpanded}
+      >
         <CardHeader
           actions={{
             actions: <CardHeaderComponent resource={patient} type="patient" />,

diff --git a/src/components/Pacs/components/SeriesCard.tsx b/src/components/Pacs/components/SeriesCard.tsx
@@ -480,20 +480,13 @@ const SeriesCardCopy = ({ series }: { series: any }) => {
     </CardHeader>
   );
 
-  let background = "";
-  if (isDisabled) {
-    if (theme.isDarkTheme) {
-      background = "#4F5255";
-    }
-    background = "#D2D2D2";
-  }
-
   return (
     <Card
-      style={{
-        background: background,
-      }}
-      isRounded
+      isDisabled={isDisabled}
+      isFlat={true}
+      isFullHeight={true}
+      isCompact={true}
+      isRounded={true}
     >
       {preview && data?.fileToPreview ? filePreviewLayout : rowLayout}
       {data?.fileToPreview && largeFilePreview}

diff --git a/src/components/Pacs/components/StudyCard.tsx b/src/components/Pacs/components/StudyCard.tsx
@@ -68,7 +68,15 @@ const StudyCardCopy = ({ study }: { study: any }) => {
 
   return (
     <>
-      <Card isExpanded={isStudyExpanded} isRounded isSelectable isClickable>
+      <Card
+        isFlat={true}
+        isFullHeight={true}
+        isCompact={true}
+        isRounded={true}
+        isExpanded={isStudyExpanded}
+        isSelectable
+        isClickable
+      >
         <CardHeader
           actions={{
             actions: <CardHeaderComponent resource={study} type="study" />,