feat: optional logo props for Showcase

This commit is contained in:
jinho jang
2023-07-07 22:11:11 +09:00
committed by Jinho Jang
parent 182c583720
commit 0ed10ca9b7
@@ -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"