Merge pull request #86 from DarkFlorist/undefined-card

don't try to request undefined image when background image is missing for a card
DarkFlorist · Jan 29, 2024 · 02dfd2d · 02dfd2d
2 parents b69191b + bac4952
commit 02dfd2d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/About/Card.tsx b/src/components/About/Card.tsx
@@ -13,7 +13,9 @@ const StyledCard = styled.div<{ $isDarkMode: boolean; $backgroundImgSrc?: string
   background: ${({ $isDarkMode, $backgroundImgSrc, $type, theme }) =>
     $isDarkMode
       ? `${theme.surface2} ${$backgroundImgSrc ? ` url(${$backgroundImgSrc})` : ''}`
-      : `${$type === CardType.Primary ? 'white' : theme.surface2} url(${$backgroundImgSrc})`};
+      : `${$type === CardType.Primary ? 'white' : theme.surface2} ${
+          $backgroundImgSrc ? ` url(${$backgroundImgSrc})` : ''
+        }`};
   background-size: auto 100%;
   background-position: right;
   background-repeat: no-repeat;