Update Referral Banner copy and behavior (#1305)

* banner update * init * fix * prettier
OasisDEX · Jul 22, 2022 · aa2ce77 · aa2ce77
1 parent 9ce6f14
commit aa2ce77
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/components/ReferralBanner.tsx b/components/ReferralBanner.tsx
@@ -20,7 +20,7 @@ export function ReferralBanner({ heading, link }: ReferralBannerProps) {
         marginBottom: 0,
         overflow: 'hidden',
         borderRadius: '50px',
-        maxWidth: '412px',
+        maxWidth: ['230px', '335px'],
         p: '3px 8px 3px 4px',
         '&:hover': {
           opacity: '80%',
@@ -67,7 +67,13 @@ export function ReferralBanner({ heading, link }: ReferralBannerProps) {
               5%
             </Text>
           </Flex>
-          <Flex sx={{ flexDirection: ['column', 'row', 'row', 'row'], mr: '7px' }}>
+          <Flex
+            sx={{
+              flexDirection: ['column', 'row', 'row', 'row'],
+              mr: '7px',
+              alignItems: 'flex-start',
+            }}
+          >
             <Text
               variant="text.paragraph3"
               sx={{ zIndex: 1, fontWeight: 'semiBold', wordBreak: 'normal' }}

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -1515,7 +1515,7 @@
     }
   },
   "ref": {
-    "banner": "Introducing Refer a Friend. Earn DAI today",
+    "banner": "Refer a Friend. Earn DAI today",
     "ref-a-friend": "Refer a Friend",
     "intro-1": "Refer someone to us and you both get rewarded with 5% of all fees they generate on Oasis.app... forever! Read more about ",
     "intro-link": "Oasis Refer a Friend",
@@ -1530,7 +1530,7 @@
     "copy": "Copy",
     "copied": "Copied",
     "explanation": "Once someone clicks your referral link and accepts then you will see them appear in the “Accounts you’ve referred” below. Then you are all set, fee sharing is active! Your link is reusable as many times as you like.",
-    "faq-link": "Read more in Oasis Referral F.A.Q",
+    "faq-link": "Read more in Oasis Referral Guide",
     "you-referred": "Accounts you've referred",
     "not-referred-yet": "You haven’t referred anyone yet",
     "you-were-not-referred": "No account has referred you to Oasis.app",
@@ -1545,7 +1545,7 @@
     "how-p2": "2. Share your link with potential Oasis.app users",
     "how-p3": "3. Both receive 5% of the Oasis.app fees generated forever!",
     "need-help": "Need help?",
-    "help-link-1": "Oasis Referrals FAQ’s",
+    "help-link-1": "Oasis Referrals Guide",
     "help-link-2": "Visit Oasis Knowledge Centre",
     "etherscan": "Etherscan",
     "modal": {
@@ -1564,7 +1564,7 @@
       "go-home": "Go to Oasis.app homepage ",
       "go-dashboard": "Go to referral dashboard ",
       "link-1": "Oasis.app Referral Blog Post, ",
-      "link-2": "Referral FAQs",
+      "link-2": "Referral Guide",
       "successful-body": "You will now receive 5% of all fees that they generate on Oasis.app. You can now go directly to the Oasis.app homepage or see your referral dashboard.",
       "successful-head": "You have successfully referred  <1>{{referred}}</1> to the Oasis.app Refer a Friend program.",
       "successful-join": "You have successfully joined the Oasis.app Refer a Friend program."