From b20a67415888837f1a2e637ab5f2505caa449339 Mon Sep 17 00:00:00 2001 From: katspaugh <381895+katspaugh@users.noreply.github.com> Date: Tue, 22 Mar 2022 12:33:59 +0100 Subject: [PATCH] Feat: add AppStore button in the footer --- src/assets/icons/appstore-dark.svg | 46 ++++++++++++++++++ src/assets/icons/appstore-light.png | Bin 0 -> 12863 bytes src/components/AppLayout/Footer/index.tsx | 4 ++ .../ProviderDetails/ConnectDetails.tsx | 3 -- .../ProviderDetails/PairingDetails.tsx | 9 +--- src/components/AppLayout/index.tsx | 9 +--- src/components/AppstoreButton/index.tsx | 30 ++++++++++++ 7 files changed, 83 insertions(+), 18 deletions(-) create mode 100644 src/assets/icons/appstore-dark.svg create mode 100644 src/assets/icons/appstore-light.png create mode 100644 src/components/AppstoreButton/index.tsx diff --git a/src/assets/icons/appstore-dark.svg b/src/assets/icons/appstore-dark.svg new file mode 100644 index 0000000000..072b425a1a --- /dev/null +++ b/src/assets/icons/appstore-dark.svg @@ -0,0 +1,46 @@ + + Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/appstore-light.png b/src/assets/icons/appstore-light.png new file mode 100644 index 0000000000000000000000000000000000000000..70f336b2fd85831860386ca06c221d608cd1a570 GIT binary patch literal 12863 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 wDrhLE$jJQA(*wc+C8dPwcA?fUEJKjA { > {appVersion} + | + ) } diff --git a/src/components/AppLayout/Header/components/ProviderDetails/ConnectDetails.tsx b/src/components/AppLayout/Header/components/ProviderDetails/ConnectDetails.tsx index 719b19a066..ca13b4db15 100644 --- a/src/components/AppLayout/Header/components/ProviderDetails/ConnectDetails.tsx +++ b/src/components/AppLayout/Header/components/ProviderDetails/ConnectDetails.tsx @@ -26,9 +26,6 @@ const styles = () => ({ justifyCenter: { justifyContent: 'center', }, - appStore: { - height: '35px', - }, }) const StyledCard = styled(Card)` diff --git a/src/components/AppLayout/Header/components/ProviderDetails/PairingDetails.tsx b/src/components/AppLayout/Header/components/ProviderDetails/PairingDetails.tsx index e6021dfbf9..696edfe0a4 100644 --- a/src/components/AppLayout/Header/components/ProviderDetails/PairingDetails.tsx +++ b/src/components/AppLayout/Header/components/ProviderDetails/PairingDetails.tsx @@ -11,6 +11,7 @@ import Row from 'src/components/layout/Row' import usePairing from 'src/logic/wallets/pairing/hooks/usePairing' import { initPairing, isPairingModule } from 'src/logic/wallets/pairing/utils' import { useGetPairingUri } from 'src/logic/wallets/pairing/hooks/useGetPairingUri' +import AppstoreButton from 'src/components/AppstoreButton' const StyledDivider = styled(Divider)` width: calc(100% + 40px); @@ -63,13 +64,7 @@ const PairingDetails = ({ classes }: { classes: Record }): React - - Download on the App Store - + ) diff --git a/src/components/AppLayout/index.tsx b/src/components/AppLayout/index.tsx index ca0f719680..71d37d0557 100644 --- a/src/components/AppLayout/index.tsx +++ b/src/components/AppLayout/index.tsx @@ -1,6 +1,5 @@ import { useState } from 'react' import styled from 'styled-components' -import { useLocation, matchPath } from 'react-router-dom' import { ListItemType } from 'src/components/List' @@ -8,7 +7,6 @@ import Header from './Header' import Footer from './Footer' import Sidebar from './Sidebar' import { MobileNotSupported } from './MobileNotSupported' -import { SAFE_ROUTES, WELCOME_ROUTE } from 'src/routes/routes' import useDarkMode from 'src/logic/hooks/useDarkMode' const Container = styled.div` @@ -93,15 +91,10 @@ const Layout: React.FC = ({ sidebarItems, }): React.ReactElement => { const [mobileNotSupportedClosed, setMobileNotSupportedClosed] = useState(false) - const { pathname } = useLocation() useDarkMode() const closeMobileNotSupported = () => setMobileNotSupportedClosed(true) - const hasFooter = !!matchPath(pathname, { - path: [SAFE_ROUTES.SETTINGS, WELCOME_ROUTE], - }) - return ( @@ -122,7 +115,7 @@ const Layout: React.FC = ({
{children}
- {hasFooter &&