use external link

KyberNetwork · Oct 3, 2023 · f51aeec · f51aeec
1 parent 590c01a
commit f51aeec
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 10 deletions.
diff --git a/src/pages/About/AboutKyberSwap/MeetTheTeam.tsx b/src/pages/About/AboutKyberSwap/MeetTheTeam.tsx
@@ -16,6 +16,7 @@ import VictorTran from 'assets/images/kyber_members/victor_tran.png'
 import { ReactComponent as LinkedInIcon } from 'assets/svg/linkedin.svg'
 import { ReactComponent as TwitterIcon } from 'assets/svg/solid_twitter_icon.svg'
 import useTheme from 'hooks/useTheme'
+import { ExternalLink } from 'theme'
 
 type Member = {
   name: string
@@ -186,14 +187,14 @@ const MemberView: React.FC<Member> = props => {
           }}
         >
           {props.handles.twitter && (
-            <a target="_blank" href={`https://twitter.com/${props.handles.twitter}/`} rel="noreferrer">
+            <ExternalLink target="_blank" href={`https://twitter.com/${props.handles.twitter}/`} rel="noreferrer">
               <TwitterIcon color={theme.text} />
-            </a>
+            </ExternalLink>
           )}
           {props.handles.linkedIn && (
-            <a target="_blank" href={`https://linkedin.com/in/${props.handles.linkedIn}`} rel="noreferrer">
+            <ExternalLink target="_blank" href={`https://linkedin.com/in/${props.handles.linkedIn}`} rel="noreferrer">
               <LinkedInIcon color={theme.text} />
-            </a>
+            </ExternalLink>
           )}
         </Flex>
       )}

diff --git a/src/pages/KyberDAO/StakeKNC/index.tsx b/src/pages/KyberDAO/StakeKNC/index.tsx
@@ -289,9 +289,9 @@ export default function StakeKNC() {
               <Text fontSize={12} lineHeight="16px" fontWeight={500} color={theme.subText}>
                 <Trans>
                   You can access legacy KyberDAO v1 to read about previous KIPs{' '}
-                  <a href="https://legacy.kyber.org/vote" target="_blank" rel="noreferrer">
+                  <ExternalLink href="https://legacy.kyber.org/vote" target="_blank" rel="noreferrer">
                     here ↗
-                  </a>
+                  </ExternalLink>
                 </Trans>
               </Text>
             </CardInfo>

diff --git a/src/pages/TrueSightV2/components/TokenOverview.tsx b/src/pages/TrueSightV2/components/TokenOverview.tsx
@@ -515,7 +515,8 @@ export const TokenOverview = ({ data, isLoading }: { data?: IAssetOverview; isLo
                 <Trans>
                   KyberScore uses AI to measure the upcoming trend of a token (bullish or bearish) by taking into
                   account multiple on-chain and off-chain indicators. The score ranges from 0 to 100. Higher the score,
-                  more bullish the token in the short-term. Read more <a href="https://docs.kyberswap.com">here ↗</a>
+                  more bullish the token in the short-term. Read more{' '}
+                  <ExternalLink href="https://docs.kyberswap.com">here ↗</ExternalLink>
                 </Trans>
               }
               placement="top"

diff --git a/src/pages/TrueSightV2/pages/TokenAnalysisList.tsx b/src/pages/TrueSightV2/pages/TokenAnalysisList.tsx
@@ -23,7 +23,7 @@ import { NETWORKS_INFO } from 'constants/networks'
 import { MIXPANEL_TYPE, useMixpanelKyberAI } from 'hooks/useMixpanel'
 import { useOnClickOutside } from 'hooks/useOnClickOutside'
 import useTheme from 'hooks/useTheme'
-import { MEDIA_WIDTHS } from 'theme'
+import { ExternalLink, MEDIA_WIDTHS } from 'theme'
 
 import ChevronIcon from '../components/ChevronIcon'
 import FeedbackSurvey from '../components/FeedbackSurvey'
@@ -889,9 +889,9 @@ export default function TokenAnalysisList() {
                             KyberScore uses AI to measure the upcoming trend of a token (bullish or bearish) by taking
                             into account multiple on-chain and off-chain indicators. The score ranges from 0 to 100.
                             Higher the score, more bullish the token in the short-term. Read more{' '}
-                            <a href="https://docs.kyberswap.com/kyberswap-solutions/kyberai/concepts/kyberscore">
+                            <ExternalLink href="https://docs.kyberswap.com/kyberswap-solutions/kyberai/concepts/kyberscore">
                               here ↗
-                            </a>
+                            </ExternalLink>
                           </span>
                         }
                         delay={200}