@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user