mars-v2-frontend/src/components/DocsLink.tsx
Bob van der Helm 65ee49a3cd
🌟 Add HLS Vault Modal (#595)
* 🌟 Add HLS Vault Modal

* 🛠️ Fix failing build

* fix: keep the selected accountId if its present int the url (#588)

* Link changelog (#589)

* env: update RPC endpoint

* feat: added changelog link to the footer version

* Refactor balances table (#590)

* env: update env.example after last sync

* tidy: refactored AccountBalancesTable

* fix: updated isCard to hideCard

* fix: do update the health on sliding the margin back to 0 (#593)

* fix: disable highlighting on non-expandable rows (#592)

* Healthfactor adjustments (#594)

* fix: do update the health on sliding the margin back to 0

* MP-3531: first updates on the health bars

* fix: added exponential function for health percentage

* fix: build fix

* tidy: refactor

* tidy: cleanup

* feat: added new curve

* fix: base set to 3.5

* env: version update

* 🌟 Add HLS Vault Modal

* Use `DisplayCurrency` in subtitle header

* 🔥Remove redundant component

---------

Co-authored-by: Linkie Link <linkielink.dev@gmail.com>
2023-10-30 12:47:52 +01:00

41 lines
1.2 KiB
TypeScript

import classNames from 'classnames'
import { ExternalLink } from 'components/Icons'
import Text from 'components/Text'
import { TextLink } from 'components/TextLink'
import { DocURL } from 'types/enums/docURL'
interface Props {
type: DocLinkType
className?: string
}
function getData(type: string) {
if (type === 'account') return ['Why mint your account?', 'Learn more', DocURL.ROVER_INTRO_URL]
if (type === 'fund') return ['Why fund your account?', 'Learn more', DocURL.MANAGE_ACCOUNT_URL]
if (type === 'wallet') return ['New with wallets?', 'Learn more', DocURL.WALLET_INTRO_URL]
return ['By continuing you accept our', 'terms of service', DocURL.TERMS_OF_SERVICE_URL]
}
export default function DocsLink(props: Props) {
const [intro, linkText, url] = getData(props.type)
return (
<Text
size='sm'
className={classNames('w-full pt-3 text-center text-white/60', props.className)}
>
{`${intro} `}
<TextLink
href={url}
target='_blank'
className={classNames('ml-1 leading-4 text-white hover:underline', props.className)}
title={linkText}
>
{linkText}
<ExternalLink className='ml-1 inline w-3.5' />
</TextLink>
</Text>
)
}