diff --git a/src/components/app-icon/index.tsx b/src/components/app-icon/index.tsx index 13d3836bdfe..9ccb36ba850 100644 --- a/src/components/app-icon/index.tsx +++ b/src/components/app-icon/index.tsx @@ -1,17 +1,17 @@ import React from 'react'; import { Box, BoxProps } from '@blockstack/ui'; -import { Image } from '@components/image'; import { useSelector } from 'react-redux'; + +import { Image } from '@components/image'; import { AppState } from '@store'; import { selectAppName, selectAppIcon } from '@store/onboarding/selectors'; -const AppIcon = (props: BoxProps) => { +export const AppIcon = ({ ...rest }: BoxProps) => { const appIcon = useSelector((state: AppState) => selectAppIcon(state)); const appName = useSelector((state: AppState) => selectAppName(state)); return ( - + {appName} ); }; -export { AppIcon }; diff --git a/src/components/onboarding/screens/sign-in.tsx b/src/components/onboarding/screens/sign-in.tsx index 7fc391e8e6f..8cd2e9b6d75 100644 --- a/src/components/onboarding/screens/sign-in.tsx +++ b/src/components/onboarding/screens/sign-in.tsx @@ -26,14 +26,15 @@ export const SignIn: React.FC = props => { const appName = useSelector((state: AppState) => selectAppName(state)); return ( - - - + + + + Enter your Data Vault’s Secret Key to continue, + {/*Validate: track SIGN_IN_INCORRECT*/}