mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
1a57cb25a0
* add export for address txs * transfer all export from page to dialog * remove old route and components * improve file name and fix loading state of icon button * basic implementation * refetch item status * status indicator for download items * changes for multichain * handle too many requests for downloads error * update button styles and spacing * fix tests * disable async export for multichain * Fix CSV export cancel flow and stabilize context updates Applied via @cursor push command * test and review fixes * design fixes * refactor file names --------- Co-authored-by: Hanzo Dev <[email protected]>
40 lines
954 B
TypeScript
40 lines
954 B
TypeScript
import React from 'react';
|
|
|
|
import { Status } from 'toolkit/chakra/status';
|
|
|
|
import { Section, Container, SectionHeader, SamplesStack, Sample } from './parts';
|
|
|
|
const StatusShowcase = () => {
|
|
|
|
return (
|
|
<Container value="status">
|
|
<Section>
|
|
<SectionHeader>Variants</SectionHeader>
|
|
<SamplesStack>
|
|
<Sample label="variant: default">
|
|
<Status/>
|
|
<Status borderColor="popover.bg"/>
|
|
</Sample>
|
|
</SamplesStack>
|
|
</Section>
|
|
|
|
<Section>
|
|
<SectionHeader>Size</SectionHeader>
|
|
<SamplesStack>
|
|
<Sample label="size: xs">
|
|
<Status size="xs"/>
|
|
</Sample>
|
|
<Sample label="size: sm">
|
|
<Status size="sm"/>
|
|
</Sample>
|
|
<Sample label="size: md">
|
|
<Status size="md"/>
|
|
</Sample>
|
|
</SamplesStack>
|
|
</Section>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default React.memo(StatusShowcase);
|