mars-v2-frontend/src/components/DocsLink.tsx
Linkie Link 184a27e987
MP-2891 and MP-2801 (#321)
* MP-2801: fund new credit account

* tidy: cleanup

* tidy: refactor

* feat: replaced all possible BN(0) & BN(1) occurrences with constants

* fix: adjusted according to feedback

* fix: adjustments according to feedback

* fix: PR comment updates

* fix: reduced complexity

* feat: animated the wallet balance for the demo

* fix: enhanced wallet connection to select first account

* fix: adjusted the calculations and added USD as displayCurrency

* fix: adjusted according to feedback

* feat: added TFM bridge

* fix: changed forceFetchPrice

---------

Co-authored-by: Yusuf Seyrek <yusuf@delphilabs.io>
2023-07-27 11:26:32 +02:00

47 lines
1.2 KiB
TypeScript

import { ExternalLink } from 'components/Icons'
import Text from 'components/Text'
interface Props {
type: DocLinkType
}
function getData(type: string) {
if (type === 'account')
return [
'Why mint your account?',
'Learn more',
'https://docs.marsprotocol.io/docs/learn/workstation/rover/rover-intro',
]
if (type === 'fund')
return [
'Why fund your account?',
'Learn more',
'https://docs.marsprotocol.io/docs/learn/workstation/rover/managing-credit-accounts',
]
if (type === 'wallet')
return [
'New with wallets?',
'Learn more',
'https://docs.marsprotocol.io/docs/learn/workstation/basics/basics-intro',
]
return [
'By continuing you accept our',
'terms of service',
'https://docs.marsprotocol.io/docs/overview/legal/terms-of-service',
]
}
export default function DocsLink(props: Props) {
const [intro, linkText, url] = getData(props.type)
return (
<Text size='sm' className='w-full pt-3 text-center text-white/60'>
{`${intro} `}
<a href={url} target='_blank' className='leading-4 text-white hover:underline'>
{linkText}
<ExternalLink className='-mt-1 ml-1 inline w-3.5' />
</a>
</Text>
)
}