From 73db29fda91defa432b8145c2c04acdaa413b646 Mon Sep 17 00:00:00 2001
From: Gideon Pinto <gideonpinto123@gmail.com>
Date: Mon, 1 Apr 2024 16:59:38 -0400
Subject: [PATCH] feat: Use the default styling for disabled cards (#1144)

---
 src/components/Pacs/components/PatientCard.tsx |  8 +++++++-
 src/components/Pacs/components/SeriesCard.tsx  | 17 +++++------------
 src/components/Pacs/components/StudyCard.tsx   | 10 +++++++++-
 3 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/components/Pacs/components/PatientCard.tsx b/src/components/Pacs/components/PatientCard.tsx
index 5fa718f13..d97bf4417 100644
--- 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
index 1a88bd524..d2c334914 100644
--- 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
index c2d321a33..06494e5f2 100644
--- 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" />,