mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
4335faeb35
* add EmptyState component to toolkit and use it in the stats page * remove EmptySearchResult component * tweaks * refactor ComingSoon component * fix toolkit build * rollback changes in main preset
29 lines
880 B
TypeScript
29 lines
880 B
TypeScript
import React from 'react';
|
|
|
|
import { EmptyState } from 'toolkit/chakra/empty-state';
|
|
|
|
import { Section, Container, SectionHeader, SamplesStack, Sample } from './parts';
|
|
|
|
const EmptyStateShowcase = () => {
|
|
return (
|
|
<Container value="empty-state">
|
|
<Section>
|
|
<SectionHeader>Type</SectionHeader>
|
|
<SamplesStack>
|
|
<Sample label="type: query">
|
|
<EmptyState term="transaction" outline="1px dashed deepskyblue"/>
|
|
</Sample>
|
|
<Sample label="type: stats">
|
|
<EmptyState type="stats" term="transactions" outline="1px dashed deepskyblue"/>
|
|
</Sample>
|
|
<Sample label="type: coming_soon">
|
|
<EmptyState type="coming_soon" outline="1px dashed deepskyblue"/>
|
|
</Sample>
|
|
</SamplesStack>
|
|
</Section>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default React.memo(EmptyStateShowcase);
|