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
30 lines
662 B
TypeScript
30 lines
662 B
TypeScript
import { Text, Flex } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
|
|
const UserWalletAutoConnectAlert = () => {
|
|
return (
|
|
<Flex
|
|
borderRadius="base"
|
|
p={ 3 }
|
|
mb={ 3 }
|
|
alignItems="center"
|
|
bgColor={{ _light: 'orange.100', _dark: 'orange.900' }}
|
|
>
|
|
<IconSvg
|
|
name="integration/partial"
|
|
color="text.primary"
|
|
boxSize={ 5 }
|
|
flexShrink={ 0 }
|
|
mr={ 2 }
|
|
/>
|
|
<Text fontSize="xs" lineHeight="16px">
|
|
Connect your wallet in the app below
|
|
</Text>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default React.memo(UserWalletAutoConnectAlert);
|