mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f0e713b877
* UI customizations: new features Fixes #2905 * colors for graphs * introduce env variable * colors for topbar, stats, selected state and tabs * fix build * fix validator * refactor link.primary.hover color token * refactor selected colors * update styles for switch and fix some color tokens * change color for selectable controls * icon color tokens refactoring * UI customizations: new features Fixes #2905 * test for common components * tweaks * migrate from color-mode-hex cookie to color-theme cookie * clean up * update screenshots * more screenshot updates * update default color of chart line * update envs for mega eth
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import { Box, Text } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import { Skeleton } from 'toolkit/chakra/skeleton';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';
|
|
import NovesFromTo from 'ui/shared/Noves/NovesFromTo';
|
|
|
|
import NovesActionSnippet from './components/NovesActionSnippet';
|
|
import type { NovesFlowViewItem } from './utils/generateFlowViewData';
|
|
|
|
type Props = {
|
|
isPlaceholderData: boolean;
|
|
item: NovesFlowViewItem;
|
|
};
|
|
|
|
const TxAssetFlowsListItem = (props: Props) => {
|
|
|
|
return (
|
|
<ListItemMobile rowGap={ 4 } w="full" >
|
|
<Skeleton borderRadius="sm" loading={ props.isPlaceholderData } w="full">
|
|
|
|
<Box display="flex" >
|
|
<IconSvg
|
|
name="lightning"
|
|
height="5"
|
|
width="5"
|
|
color="icon.primary"
|
|
/>
|
|
|
|
<Text textStyle="sm" fontWeight="medium">
|
|
Action
|
|
</Text>
|
|
</Box>
|
|
|
|
</Skeleton>
|
|
|
|
<NovesActionSnippet item={ props.item } isLoaded={ !props.isPlaceholderData }/>
|
|
|
|
<Box maxW="full">
|
|
<NovesFromTo item={ props.item } isLoaded={ !props.isPlaceholderData }/>
|
|
</Box>
|
|
</ListItemMobile>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TxAssetFlowsListItem);
|