From 2d095782094f3a4f1912f57ad3f9fe126f71d76b Mon Sep 17 00:00:00 2001 From: Tawnee Date: Mon, 23 Sep 2024 17:35:06 -0600 Subject: [PATCH] rewards landing --- .../{rewards.tsx => rewards/activity.tsx} | 0 apps/next/pages/account/rewards/index.tsx | 26 +++++ .../account/rewards/landing/screen.tsx | 104 ++++++++++++++++++ 3 files changed, 130 insertions(+) rename apps/next/pages/account/{rewards.tsx => rewards/activity.tsx} (100%) create mode 100644 apps/next/pages/account/rewards/index.tsx create mode 100644 packages/app/features/account/rewards/landing/screen.tsx diff --git a/apps/next/pages/account/rewards.tsx b/apps/next/pages/account/rewards/activity.tsx similarity index 100% rename from apps/next/pages/account/rewards.tsx rename to apps/next/pages/account/rewards/activity.tsx diff --git a/apps/next/pages/account/rewards/index.tsx b/apps/next/pages/account/rewards/index.tsx new file mode 100644 index 000000000..d4b8258ac --- /dev/null +++ b/apps/next/pages/account/rewards/index.tsx @@ -0,0 +1,26 @@ +import { LandingScreen } from 'app/features/account/rewards/landing/screen' +import Head from 'next/head' +import { userProtectedGetSSP } from 'utils/userProtected' +import type { NextPageWithLayout } from 'next-app/pages/_app' +import { HomeLayout } from 'app/features/home/layout.web' +import { ButtonOption, TopNav } from 'app/components/TopNav' + +export const Page: NextPageWithLayout = () => { + return ( + <> + + Send | Send Rewards + + + + ) +} + +export const getServerSideProps = userProtectedGetSSP() +Page.getLayout = (children) => ( + }> + {children} + +) + +export default Page diff --git a/packages/app/features/account/rewards/landing/screen.tsx b/packages/app/features/account/rewards/landing/screen.tsx new file mode 100644 index 000000000..173019daf --- /dev/null +++ b/packages/app/features/account/rewards/landing/screen.tsx @@ -0,0 +1,104 @@ +import { YStack, H1, Paragraph, XStack, LinkableButton, Button, Stack } from '@my/ui' +import { IconArrowRight, IconSend } from 'app/components/icons' +import { ImageBackground } from 'react-native' + +export function LandingScreen() { + return ( + + + +

+ Claim Your Network Benefits +

+ + Participate in the Send Ecosystem and earn Send Tokens. Your Network! Your Rewards! + + + + + {/* @TODO: href, reward */} +
+
+ + + + ) +} + +const Section = ({ + title, + href, + reward, +}: { + title: string + href: string + reward: string +}) => { + return ( + + + + + + + + {title} + + + + + Claimable + + + + {reward} + + + + + + + + + + + + + ) +}