feat: update banner text, hide donate button on main page (#1005)

edit banner text, hide donation button on home
weareinreach · Jan 10, 2024 · 7930c07 · 7930c07
1 parent 124ee63
commit 7930c07
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/apps/app/public/locales/en/landingPage.json b/apps/app/public/locales/en/landingPage.json
@@ -1,5 +1,6 @@
 {
 	"banner": {
+		"donate": "Help keep InReach free for everyone. <DonateLink>Donate now!</DonateLink> 💝",
 		"redesign": "Read about the launch of the InReach App redesign on our blog. <Link>Learn more.</Link>"
 	},
 	"call-out": {

diff --git a/apps/app/src/pages/index.tsx b/apps/app/src/pages/index.tsx
@@ -186,14 +186,23 @@ const Home: NextPageWithoutGrid = () => {
 			<Box className={classes.banner}>
 				<Text variant={variants.Text.utility1white}>
 					<Trans
-						i18nKey='banner.redesign'
+						i18nKey='banner.donate'
 						ns='landingPage'
 						components={{
 							Link: (
 								<Link
 									external
 									variant={variants.Link.inheritStyle}
 									href='https://inreach.org/introducing-the-redesigned-inreach-app'
+									target='_blank'
+								></Link>
+							),
+							DonateLink: (
+								<Link
+									external
+									variant={variants.Link.inheritStyle}
+									href='https://inreach.kindful.com/embeds/9e692b4a-fcfc-46a2-9a0e-4f9b8b0bd37b'
+									target='_blank'
 								></Link>
 							),
 						}}

diff --git a/packages/ui/components/core/Donate/index.tsx b/packages/ui/components/core/Donate/index.tsx
@@ -76,6 +76,7 @@ export const DonateModal = () => {
 
 	const isSupportPage = router.pathname === '/support'
 	const showPopover = !isSupportPage && (opened || !showEmoji)
+	const isMainPage = router.pathname === '/'
 
 	return (
 		<>
@@ -96,7 +97,10 @@ export const DonateModal = () => {
 				zIndex={200}
 			>
 				<Popover.Target>
-					<Affix position={buttonPosition} style={{ display: isSupportPage ? 'none' : undefined }}>
+					<Affix
+						position={buttonPosition}
+						style={{ display: isSupportPage || isMainPage ? 'none' : undefined }}
+					>
 						<Button
 							className={cx(
 								// 'kindful-donate-btn',