(fix) Apply geopattern styles to patient avatar conditionally (#1030)

openmrs · Jun 5, 2024 · 3ae1da6 · 3ae1da6
1 parent fb2bcf8
commit 3ae1da6
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/framework/esm-styleguide/src/patient-photo/patient-photo.component.tsx b/packages/framework/esm-styleguide/src/patient-photo/patient-photo.component.tsx
@@ -27,10 +27,14 @@ export function PatientPhoto({ patientUuid, patientName, size }: PatientPhotoPro
       src={photo?.imageSrc}
       size={size === 'small' ? '48' : '80'}
       textSizeRatio={size === 'small' ? 1 : 2}
-      style={{
-        backgroundImage: `url(${patternUrl})`,
-        backgroundRepeat: 'round',
-      }}
+      style={
+        !photo
+          ? {
+              backgroundImage: `url(${patternUrl})`,
+              backgroundRepeat: 'round',
+            }
+          : undefined
+      }
     />
   );
 }