aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/standard_panel_content.tsx
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-14 06:30:27 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-14 06:30:27 +0800
commitc8b2a975f47bdacd1cc255c92ffbe3906b36e7be (patch)
treebb0b50577029fb9894250a4e3bf2aaf7bd01a1d8 /packages/instant/src/components/standard_panel_content.tsx
parent8a64599ca5ad23df8f4aec0b48776c4ae5a78d83 (diff)
downloaddexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.tar
dexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.tar.gz
dexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.tar.bz2
dexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.tar.lz
dexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.tar.xz
dexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.tar.zst
dexon-sol-tools-c8b2a975f47bdacd1cc255c92ffbe3906b36e7be.zip
feat: change install wallet panel content based on browser and os
Diffstat (limited to 'packages/instant/src/components/standard_panel_content.tsx')
-rw-r--r--packages/instant/src/components/standard_panel_content.tsx14
1 files changed, 8 insertions, 6 deletions
diff --git a/packages/instant/src/components/standard_panel_content.tsx b/packages/instant/src/components/standard_panel_content.tsx
index 89e4da70c..582b3318e 100644
--- a/packages/instant/src/components/standard_panel_content.tsx
+++ b/packages/instant/src/components/standard_panel_content.tsx
@@ -13,7 +13,7 @@ export interface MoreInfoSettings {
export interface StandardPanelContentProps {
image: React.ReactNode;
- title: string;
+ title?: string;
description: string;
moreInfoSettings?: MoreInfoSettings;
action: React.ReactNode;
@@ -31,11 +31,13 @@ export const StandardPanelContent: React.StatelessComponent<StandardPanelContent
<Container height="100%">
<Flex direction="column" height="calc(100% - 58px)">
<Container marginBottom={SPACING_BETWEEN_PX}>{image}</Container>
- <Container marginBottom={SPACING_BETWEEN_PX}>
- <Text fontSize="20px" fontWeight={700} fontColor={ColorOption.black}>
- {title}
- </Text>
- </Container>
+ {title && (
+ <Container marginBottom={SPACING_BETWEEN_PX}>
+ <Text fontSize="20px" fontWeight={700} fontColor={ColorOption.black}>
+ {title}
+ </Text>
+ </Container>
+ )}
<Container marginBottom={SPACING_BETWEEN_PX}>
<Text fontSize="14px" fontColor={ColorOption.grey} center={true}>
{description}