diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-10-26 05:19:40 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-26 05:19:40 +0800 |
| commit | 1a10715fcb21a89aa47cade6d796eeb677f9741d (patch) | |
| tree | c6c5b502f864d129db362372a12429d8d7a436b4 /packages/instant/src/components/sliding_error.tsx | |
| parent | 2a1c2a55eda0f3d279aa1145b6157892d03001ae (diff) | |
| download | dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.tar dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.tar.gz dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.tar.bz2 dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.tar.lz dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.tar.xz dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.tar.zst dexon-sol-tools-1a10715fcb21a89aa47cade6d796eeb677f9741d.zip | |
feat: flash an error if the wrong network is detected
Diffstat (limited to 'packages/instant/src/components/sliding_error.tsx')
| -rw-r--r-- | packages/instant/src/components/sliding_error.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/packages/instant/src/components/sliding_error.tsx b/packages/instant/src/components/sliding_error.tsx index 3865a8797..2b55597ec 100644 --- a/packages/instant/src/components/sliding_error.tsx +++ b/packages/instant/src/components/sliding_error.tsx @@ -4,7 +4,7 @@ import { ColorOption } from '../style/theme'; import { SlideDownAnimation, SlideUpAnimation } from './animations/slide_animations'; -import { Container, Text } from './ui'; +import { Container, Flex, Text } from './ui'; export interface ErrorProps { icon: string; @@ -20,12 +20,14 @@ export const Error: React.StatelessComponent<ErrorProps> = props => ( borderRadius="6px" marginBottom="10px" > - <Container marginRight="5px" display="inline" top="3px" position="relative"> - <Text fontSize="20px">{props.icon}</Text> - </Container> - <Text fontWeight="500" fontColor={ColorOption.darkOrange}> - {props.message} - </Text> + <Flex> + <Container marginRight="5px" display="inline" top="3px" position="relative"> + <Text fontSize="20px">{props.icon}</Text> + </Container> + <Text fontWeight="500" fontColor={ColorOption.darkOrange}> + {props.message} + </Text> + </Flex> </Container> ); |