Signed-off-by: Joon Park <joonp@spotify.com>
This commit is contained in:
Joon Park
2022-09-02 16:52:24 +01:00
parent 801ecc0354
commit 21494054dc
2 changed files with 13 additions and 3 deletions
@@ -77,12 +77,18 @@ export const WithAction = () => (
</div>
);
export const CustomImage = () => (
<div style={containerStyle}>
<EmptyState
title="Custom image example"
missing={{ customImage: <img src="https://backstage.io/animations/backstage-software-catalog-icon-1.gif" alt="Backstage example" /> }}
missing={{
customImage: (
<img
src="https://backstage.io/animations/backstage-software-catalog-icon-1.gif"
alt="Backstage example"
/>
),
}}
/>
</div>
);
@@ -78,7 +78,11 @@ export function EmptyState(props: Props) {
</Grid>
</Grid>
<Grid item xs={12} md={6} className={classes.imageContainer}>
{typeof missing === 'string' ? <EmptyStateImage missing={missing} /> : missing.customImage}
{typeof missing === 'string' ? (
<EmptyStateImage missing={missing} />
) : (
missing.customImage
)}
</Grid>
</Grid>
);