Merge pull request #3077 from IX-Swap/fix/referral-link

Fix referral link
IX-Swap · Jan 16, 2025 · f21c813 · f21c813
2 parents ce8c3d4 + 1a0dfa8
commit f21c813
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/src/components/AccountDetails/ReferFriend.tsx b/src/components/AccountDetails/ReferFriend.tsx
@@ -14,7 +14,7 @@ const ReferFriend: React.FC<ReferFriendProps> = ({ referralCode }) => {
       <BoxContainer>
         <ReferCode>{referralCode}</ReferCode>
 
-        <Copy toCopy={`${window.location.origin}/#/kyc?referralCode=${referralCode}`} />
+        <Copy toCopy={`${window.location.origin}/kyc?referralCode=${referralCode}`} />
       </BoxContainer>
     </div>
   )

diff --git a/src/pages/App.tsx b/src/pages/App.tsx
@@ -254,6 +254,17 @@ export default function App() {
     }
   }, [token, account, chainId])
 
+  useEffect(() => {
+    const code = query.get('referralCode')
+    if (!code) {
+      return
+    }
+    const storedReferralCode = localStorage.getItem('referralCode')
+    if (!storedReferralCode) {
+      localStorage.setItem('referralCode', code)
+    }
+  }, [])
+
   if (!config) {
     return <LoadingIndicator isLoading />
   }
@@ -306,7 +317,9 @@ export default function App() {
         </Portal>
       ) : null}
 
-      {openTaskSuccessModal && <TaskSuccessModal show={openTaskSuccessModal} onClose={() => setOpenTaskSuccessModal(false)} />}
+      {openTaskSuccessModal && (
+        <TaskSuccessModal show={openTaskSuccessModal} onClose={() => setOpenTaskSuccessModal(false)} />
+      )}
     </>
   )
 }

diff --git a/src/pages/KYC/index.tsx b/src/pages/KYC/index.tsx
@@ -442,7 +442,7 @@ const KYC = () => {
                     <StyledDiv>
                       <TitleSpan>{referralCode}</TitleSpan>
                       <FlexContainer>
-                        <Copy toCopy={`${window.location.origin}/#/kyc?referralCode=${referralCode}`}></Copy>
+                        <Copy toCopy={`${window.location.origin}/kyc?referralCode=${referralCode}`}></Copy>
                       </FlexContainer>
                     </StyledDiv>
                   </Column>