diff --git a/src/RootNavigation.tsx b/src/RootNavigation.tsx index 5ec36f36a..2c7234c8d 100644 --- a/src/RootNavigation.tsx +++ b/src/RootNavigation.tsx @@ -78,6 +78,7 @@ export type ScreenProps = StackScreenProps< export const RootNavigation: React.FC<{ currentScreen: string + hasKeys: boolean rifWalletServicesSocket: IRifWalletServicesSocket keyManagementProps: CreateKeysProps balancesScreenProps: BalancesScreenProps @@ -89,6 +90,7 @@ export const RootNavigation: React.FC<{ dappsScreenProps: DappsScreenScreenProps }> = ({ currentScreen, + hasKeys, keyManagementProps, balancesScreenProps, activityScreenProps, @@ -100,8 +102,8 @@ export const RootNavigation: React.FC<{ }) => { return ( - - + {hasKeys && } + - + {props => } - + {hasKeys && } ) } diff --git a/src/components/icons/MenuIcon.tsx b/src/components/icons/MenuIcon.tsx new file mode 100644 index 000000000..adeede6dc --- /dev/null +++ b/src/components/icons/MenuIcon.tsx @@ -0,0 +1,39 @@ +import * as React from 'react' +import Svg, { Line } from 'react-native-svg' +import { SVGIconInterface } from '.' + +export const MenuIcon: React.FC = ({ + width, + height, + color, +}) => ( + + + + + +) diff --git a/src/core/Core.tsx b/src/core/Core.tsx index f999fbb16..e0798683a 100644 --- a/src/core/Core.tsx +++ b/src/core/Core.tsx @@ -154,10 +154,13 @@ export const Core = () => { }) }, []) + if (state.loading) { + return + } + return ( - {state.loading && } {!active && } {state.hasKeys && !unlocked && } { abiEnhancer={abiEnhancer}> KeyManagementSystem.create().mnemonic, diff --git a/src/ux/appHeader/MenuIcon.tsx b/src/ux/appHeader/MenuIcon.tsx deleted file mode 100644 index ff1fd0f4a..000000000 --- a/src/ux/appHeader/MenuIcon.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import * as React from 'react' -import Svg, { Line } from 'react-native-svg' - -export default () => ( - - - - - -) diff --git a/src/ux/appHeader/index.tsx b/src/ux/appHeader/index.tsx index b18e56860..73daa6f2c 100644 --- a/src/ux/appHeader/index.tsx +++ b/src/ux/appHeader/index.tsx @@ -3,8 +3,8 @@ import React from 'react' import { View, StyleSheet, TouchableOpacity, Text } from 'react-native' import { AddressCopyComponent } from '../../components/copy/AddressCopyComponent' import { useSelectedWallet } from '../../Context' -import MenuIcon from './MenuIcon' import { Network } from '@ethersproject/networks' +import { MenuIcon } from '../../components/icons/MenuIcon' export const networks: Record = { 30: {