feat: optional logo props for Showcase

acid-info · Jul 7, 2023 · 0ed10ca · 0ed10ca
1 parent 182c583
commit 0ed10ca
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.tsx
@@ -6,8 +6,8 @@ import './Showcase.scss'
 
 export type ShowcaseItem = {
   name: React.ReactNode
-  logo: string
-  logoDark: string
+  logo?: string
+  logoDark?: string
   description: React.ReactNode
 }
 
@@ -30,14 +30,16 @@ export const Showcase: React.FC<ShowcaseProps> = ({
         return (
           <div key={index} className="mdx-showcase__item">
             <div key={index} className="mdx-showcase__item-inner">
-              <ThemedImage
-                sources={{
-                  dark: item.logoDark,
-                  light: item.logo,
-                }}
-                alt={typeof item.name === 'string' ? item.name : 'image'}
-                className="mdx-showcase__item-logo"
-              />
+              {item?.logo && item?.logoDark && (
+                <ThemedImage
+                  sources={{
+                    dark: item.logoDark,
+                    light: item.logo,
+                  }}
+                  alt={typeof item.name === 'string' ? item.name : 'image'}
+                  className="mdx-showcase__item-logo"
+                />
+              )}
               <Typography
                 variant="h3"
                 component="h2"