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 @@
+
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
-
-
-
+
>
)
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 && }
+
diff --git a/src/components/AppstoreButton/index.tsx b/src/components/AppstoreButton/index.tsx
new file mode 100644
index 0000000000..1b7cb5a5e8
--- /dev/null
+++ b/src/components/AppstoreButton/index.tsx
@@ -0,0 +1,30 @@
+import { ReactElement } from 'react'
+import AppstoreLightBadge from 'src/assets/icons/appstore-light.png'
+import AppstoreDarkBadge from 'src/assets/icons/appstore-dark.svg'
+
+enum LINKS {
+ footer = 'https://apps.apple.com/app/apple-store/id1515759131?pt=119497694&ct=Web%20App%20Footer&mt=8',
+ pairing = 'https://apps.apple.com/us/app/gnosis-safe/id1515759131',
+}
+
+type AppstoreButtonProps = {
+ light?: boolean
+ placement: 'footer' | 'pairing'
+}
+
+const AppstoreButton = (props: AppstoreButtonProps): ReactElement => {
+ return (
+
+
+
+ )
+}
+
+export default AppstoreButton