add translation keys

This commit is contained in:
saml33 2021-11-04 23:25:11 +11:00
parent f3ea08c1c1
commit 05d8bdd64a
14 changed files with 260 additions and 157 deletions

View File

@ -111,7 +111,7 @@ export default function AccountInfo() {
<>
<div
className={!connected && !isMobile ? 'filter blur-sm' : undefined}
id="intro-step-7"
id="account-details-tip"
>
{!isMobile ? (
<ElementTitle>

View File

@ -1,4 +1,4 @@
import React, { useEffect, useState } from 'react'
import React, { useState } from 'react'
import { CheckCircleIcon } from '@heroicons/react/outline'
import Modal from './Modal'
import Button from './Button'
@ -26,16 +26,16 @@ const AlphaModal = ({
const [, setAlphaAccepted] = useLocalStorageState(ALPHA_MODAL_KEY, false)
const [, setShowTips] = useLocalStorageState(SHOW_TOUR_KEY, false)
const [savedLanguage, setSavedLanguage] = useLocalStorageState('language', '')
const [language, setLanguage] = useState('en')
const router = useRouter()
const { pathname, asPath, query } = router
const { width } = useViewport()
const hideTips = width ? width < breakpoints.md : false
useEffect(() => {
savedLanguage
? router.push({ pathname, query }, asPath, { locale: savedLanguage })
: null
}, [savedLanguage])
const handleLanguageSelect = () => {
setSavedLanguage(language)
router.push({ pathname, query }, asPath, { locale: language })
}
const handleGetStarted = () => {
setAlphaAccepted(true)
@ -70,19 +70,19 @@ const AlphaModal = ({
<div className="bg-th-bkg-3 p-4 space-y-3 rounded-md">
<div className="flex items-center text-th-fgd-1">
<CheckCircleIcon className="flex-shrink-0 h-5 mr-2 text-th-green w-5" />
Crosscollateralized leverage trading
{t('intro-feature-1')}
</div>
<div className="flex items-center text-th-fgd-1">
<CheckCircleIcon className="flex-shrink-0 h-5 mr-2 text-th-green w-5" />
All assets count as collateral to trade or borrow
{t('intro-feature-2')}
</div>
<div className="flex items-center text-th-fgd-1">
<CheckCircleIcon className="flex-shrink-0 h-5 mr-2 text-th-green w-5" />
Deposit any asset and earn interest automatically
{t('intro-feature-3')}
</div>
<div className="flex items-center text-th-fgd-1">
<CheckCircleIcon className="flex-shrink-0 h-5 mr-2 text-th-green w-5" />
Borrow against your assets for other DeFi activities
{t('intro-feature-4')}
</div>
</div>
<div className="px-6 text-th-fgd-3 text-center mt-4">
@ -93,7 +93,7 @@ const AlphaModal = ({
checked={acceptRisks}
onChange={(e) => setAcceptRisks(e.target.checked)}
>
I understand and accept the risks
{t('accept-terms')}
</Checkbox>
</div>
<div className={`mt-6 flex justify-center space-x-4`}>
@ -102,7 +102,7 @@ const AlphaModal = ({
disabled={!acceptRisks}
onClick={handleGetStarted}
>
Get Started
{t('get-started')}
</Button>
{!hideTips ? (
<Button
@ -110,25 +110,25 @@ const AlphaModal = ({
disabled={!acceptRisks}
onClick={handleTakeTour}
>
Show Tips
{t('show-tips')}
</Button>
) : null}
</div>
</>
) : (
<div className="pt-2">
<RadioGroup value={savedLanguage} onChange={setSavedLanguage}>
<RadioGroup value={language} onChange={setLanguage}>
{LANGS.map((l) => (
<RadioGroup.Option
className="border border-th-fgd-4 cursor-pointer default-transition mb-2 p-3 rounded-md text-th-fgd-1 hover:border-th-primary"
key={l.locale}
value={l.locale}
>
<RadioGroup.Option className="" key={l.locale} value={l.locale}>
{({ checked }) => (
<div className="flex items-center">
<div
className={`border ${
checked ? 'border-th-primary' : 'border-th-fgd-4'
} cursor-pointer default-transition flex items-center mb-2 p-3 rounded-md text-th-fgd-1 hover:border-th-primary`}
>
<CheckCircleIcon
className={`h-5 mr-2 w-5 ${
checked ? 'text-th-green' : 'text-th-fgd-4'
checked ? 'text-th-primary' : 'text-th-fgd-4'
}`}
/>
<span>{t(l.name.toLowerCase())}</span>
@ -137,6 +137,9 @@ const AlphaModal = ({
</RadioGroup.Option>
))}
</RadioGroup>
<div className="flex justify-center pt-4">
<Button onClick={() => handleLanguageSelect()}>Save</Button>
</div>
</div>
)}
</Modal>

View File

@ -2,7 +2,7 @@ import React from 'react'
import { CheckIcon } from '@heroicons/react/solid'
const Checkbox = ({ checked, children, disabled = false, ...props }) => (
<label className="cursor-pointer flex items-center">
<label className="cursor-pointer flex items-center text-th-fgd-3">
<input
checked={checked}
{...props}

View File

@ -51,7 +51,7 @@ const ConnectWalletButton = () => {
<>
{connected && wallet?.publicKey ? (
<Menu>
<div className="relative" id="intro-step-1">
<div className="relative" id="profile-menu-tip">
<Menu.Button className="bg-th-bkg-4 flex items-center justify-center rounded-full w-10 h-10 text-white focus:outline-none hover:bg-th-bkg-4 hover:text-th-fgd-3">
<ProfileIcon className="h-6 w-6" />
</Menu.Button>
@ -94,7 +94,7 @@ const ConnectWalletButton = () => {
) : (
<div
className="bg-th-bkg-1 h-14 flex divide-x divide-th-bkg-3 justify-between"
id="intro-step-0"
id="connect-wallet-tip"
>
<button
onClick={handleWalletConect}

View File

@ -1,10 +1,12 @@
import React, { Component } from 'react'
import { Steps } from 'intro.js-react'
import { withTranslation } from 'react-i18next'
export const SHOW_TOUR_KEY = 'showTour'
interface Props {
connected: boolean
t: any
}
interface State {
@ -22,11 +24,11 @@ class IntroTips extends Component<Props, State> {
initialStep: 0,
steps: [
{
element: '#intro-step-0',
element: '#connect-wallet-tip',
intro: (
<div>
<h4>Connect your wallet</h4>
<p>We&apos;ll show you around...</p>
<h4>{this.props.t('connect-wallet-tip-title')}</h4>
<p>{this.props.t('connect-wallet-tip-desc')}</p>
</div>
),
position: 'left',
@ -34,90 +36,79 @@ class IntroTips extends Component<Props, State> {
highlightClass: 'intro-highlight',
},
{
element: '#intro-step-1',
element: '#profile-menu-tip',
intro: (
<div>
<h4>Profile Menu</h4>
<h4>{this.props.t('profile-menu-tip-title')}</h4>
<p>{this.props.t('profile-menu-tip-desc')}</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#themes-tip',
intro: (
<div>
<h4>{this.props.t('themes-tip-title')}</h4>
<p>{this.props.t('themes-tip-desc')}</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#languages-tip',
intro: (
<div>
<h4>{this.props.t('languages-tip-title')}</h4>
<p>{this.props.t('languages-tip-desc')}</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#data-refresh-tip',
intro: (
<div>
<h4>{this.props.t('data-refresh-tip-title')}</h4>
<p>{this.props.t('data-refresh-tip-desc')}</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#layout-tip',
intro: (
<div>
<h4>{this.props.t('layout-tip-title')}</h4>
<p>{this.props.t('layout-tip-desc')}</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#perp-positions-tip',
intro: (
<div>
<h4>{this.props.t('perp-positions-tip-title')}</h4>
<p>
Access your Mango Accounts, copy your wallet address and
disconnect here.
</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#intro-step-2',
intro: (
<div>
<h4>Color Themes</h4>
<p>Mango, Dark or Light (if you&apos;re that way inclined).</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#intro-step-3',
intro: (
<div>
<h4>Multilingual?</h4>
<p>Choose another language here. More coming soon...</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#intro-step-4',
intro: (
<div>
<h4>Manual Data Refresh</h4>
<p>
Data is refreshed automatically but you can manually refresh it
here.
</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#intro-step-5',
intro: (
<div>
<h4>Customize Layout</h4>
<p>
Unlock to re-arrange and re-size the trading panels to your
liking.
</p>
</div>
),
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#intro-step-6',
intro: (
<div>
<h4>Perp Position Details</h4>
<p>
Perp positions accrue Unsettled PnL as price changes. This can
be settled by anyone at anytime. Settling PnL adds or removes
that amount from your USDC balance.{' '}
{this.props.t('perp-positions-tip-desc')}{' '}
<a
className="underline"
href="https://docs.mango.markets/mango-v3/perp-faq#what-is-my-unsettled-pnl"
rel="noopener noreferrer"
target="_blank"
>
Read More
{this.props.t('read-more')}
</a>
</p>
</div>
@ -128,14 +119,33 @@ class IntroTips extends Component<Props, State> {
disableInteraction: true,
},
{
element: '#intro-step-7',
element: '#account-details-tip',
intro: (
<div>
<h4>Account Details</h4>
<h4>{this.props.t('account-details-tip-title')}</h4>
<p>{this.props.t('account-details-tip-desc')}</p>
</div>
),
position: 'left',
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#account-details-tip',
intro: (
<div>
<h4>{this.props.t('collateral-available-tip-title')}</h4>
<p>
When you make your first deposit we&apos;ll set you up with a
Mango Account. You&apos;ll need at least 0.0035 SOL in your
wallet to cover the rent/cost of creating the account.
{this.props.t('collateral-available-tip-desc')}{' '}
<a
className="underline"
href="https://docs.mango.markets/mango-v3/token-specs"
rel="noopener noreferrer"
target="_blank"
>
{this.props.t('read-more')}
</a>
</p>
</div>
),
@ -145,38 +155,19 @@ class IntroTips extends Component<Props, State> {
disableInteraction: true,
},
{
element: '#intro-step-7',
element: '#account-details-tip',
intro: (
<div>
<h4>Collateral Available</h4>
<h4>{this.props.t('account-health-tip-title')}</h4>
<p>
This reflects the collateral value in your account that can be
used to take on leverage. Assets carry different collateral
weights depending on the risk they present to the platform.
</p>
</div>
),
position: 'left',
tooltipClass: 'intro-tooltip',
highlightClass: 'intro-highlight',
disableInteraction: true,
},
{
element: '#intro-step-7',
intro: (
<div>
<h4>Account Health</h4>
<p>
To avoid liqudation you must keep your account health above 0%.
To increase the health of your account, reduce borrows or
deposit funds.{' '}
{this.props.t('account-health-tip-desc')}{' '}
<a
className="underline"
href="https://docs.mango.markets/mango-v3/overview#health"
rel="noopener noreferrer"
target="_blank"
>
Read More
{this.props.t('read-more')}
</a>
</p>
</div>
@ -221,16 +212,18 @@ class IntroTips extends Component<Props, State> {
onBeforeChange={this.onBeforeChange}
onExit={() => this.handleEndTour()}
options={{
skipLabel: 'Close',
doneLabel: this.props.t('get-started'),
exitOnOverlayClick: false,
showProgress: true,
showBullets: false,
doneLabel: 'Get Started',
nextLabel: this.props.t('next'),
overlayOpacity: 0.6,
scrollToElement: true,
showBullets: false,
showProgress: true,
skipLabel: this.props.t('close'),
}}
ref={(steps) => (this.steps = steps)}
/>
)
}
}
export default IntroTips
export default withTranslation()(IntroTips)

View File

@ -26,18 +26,13 @@ const LanguageSwitch = () => {
// When mounted on client, now we can show the UI
useEffect(() => setMounted(true), [])
useEffect(() => {
savedLanguage
? router.push({ pathname, query }, asPath, { locale: savedLanguage })
: null
}, [savedLanguage])
const handleLangChange = (e) => {
setSavedLanguage(e)
router.push({ pathname, query }, asPath, { locale: e })
}
return (
<div id="intro-step-3">
<div id="languages-tip">
{mounted ? (
<DropMenu
button={

View File

@ -259,11 +259,11 @@ const MarketDetails = () => {
</div>
<div className="absolute right-4 bottom-0 sm:bottom-auto lg:right-6 flex items-center justify-end">
{!isMobile ? (
<div id="intro-step-5">
<div id="layout-tip">
<UiLock />
</div>
) : null}
<div className="ml-2" id="intro-step-4">
<div className="ml-2" id="data-refresh-tip">
{!isMobile && connected && mangoAccount ? <ManualRefresh /> : null}
</div>
</div>

View File

@ -154,7 +154,7 @@ export default function MarketPosition() {
<>
<div
className={!connected && !isMobile ? 'filter blur-sm' : null}
id="intro-step-6"
id="perp-positions-tip"
>
{!isMobile ? (
<ElementTitle>

View File

@ -20,7 +20,7 @@ const ThemeSwitch = () => {
useEffect(() => setMounted(true), [])
return (
<div id="intro-step-2">
<div id="themes-tip">
{mounted ? (
<DropMenu
button={

View File

@ -2,6 +2,7 @@
"about-to-withdraw": "You're about to withdraw",
"above": "Above",
"accept": "Accept",
"accept-terms": "I understand and accept the risks",
"account": "Account",
"account-name": "Account Name",
"account-risk": "Account Risk",
@ -77,6 +78,7 @@
"deposit-interest": "Deposit Interest",
"deposit-rate": "Deposit Rate",
"deposit-successful": "Deposit successful",
"deposit-to-get-started": "Deposit funds to get started",
"deposit-value": "Deposit Value",
"depositing": "You're about to deposit",
"deposits": "Deposits",
@ -94,7 +96,7 @@
"fee": "Fee",
"fee-discount": "Fee Discount",
"funding": "Funding",
"get-started": "Deposit funds to get started",
"get-started": "Get Started",
"health": "Health",
"health-check": "Account Health Check",
"health-ratio": "Health Ratio",
@ -115,6 +117,10 @@
"interest": "Interest",
"interest-earned": "Total Interest Earned/Paid",
"interest-info": "Interest is earned continuously on all deposits.",
"intro-feature-1": "Crosscollateralized leverage trading",
"intro-feature-2": "All assets count as collateral to trade or borrow",
"intro-feature-3": "Deposit any asset and earn interest automatically",
"intro-feature-4": "Borrow against your assets for other DeFi activities",
"ioc": "IOC",
"learn": "Learn",
"learn-more": "Learn more",
@ -201,6 +207,7 @@
"profit-price": "Profit Price",
"quantity": "Quantity",
"rates": "Deposit/Borrow Rates",
"read-more": "Read More",
"recent": "Recent",
"recent-trades": "Recent Trades",
"redeem-failure": "Error redeeming MNGO",
@ -225,6 +232,7 @@
"settle-success": "Successfully settled funds",
"short": "short",
"show-all": "Show all in Nav",
"show-tips": "Show Tips",
"show-zero": "Show zero balances",
"side": "Side",
"size": "Size",
@ -301,5 +309,25 @@
"withdrawals": "Withdrawals",
"your-account": "Your Account",
"your-assets": "Your Assets",
"your-borrows": "Your Borrows"
"your-borrows": "Your Borrows",
"connect-wallet-tip-title": "Connect your wallet",
"connect-wallet-tip-desc": "We'll show you around...",
"profile-menu-tip-title": "Profile Menu",
"profile-menu-tip-desc": "Access your Mango Accounts, copy your wallet address and disconnect here.",
"themes-tip-title": "Color Themes",
"themes-tip-desc": "Mango, Dark or Light (if you're that way inclined).",
"languages-tip-title": "Multilingual?",
"languages-tip-desc": "Choose another language here. More coming soon...",
"data-refresh-tip-title": "Manual Data Refresh",
"data-refresh-tip-desc": "Data is refreshed automatically but you can manually refresh it here.",
"layout-tip-title": "Customize Layout",
"layout-tip-desc": "Unlock to re-arrange and re-size the trading panels to your liking.",
"perp-positions-tip-title": "Perp Position Details",
"perp-positions-tip-desc": "Perp positions accrue Unsettled PnL as price moves. Settling PnL adds or removes that amount from your USDC balance.",
"account-details-tip-title": "Account Details",
"account-details-tip-desc": "When you make your first deposit we'll set you up with a Mango Account. You'll need at least 0.0035 SOL in your wallet to cover the rent/cost of creating the account.",
"collateral-available-tip-title": "Collateral Available",
"collateral-available-tip-desc": "The collateral value that can be used to take on leverage. Assets carry different collateral weights depending on the risk they present to the platform.",
"account-health-tip-title": "Account Health",
"account-health-tip-desc": "To avoid liquidation you must keep your account health above 0%. To increase the health of your account, reduce borrows or deposit funds."
}

View File

@ -2,6 +2,7 @@
"about-to-withdraw": "Estas a punto de retirar",
"above": "Encima",
"accept": "Aceptar",
"accept-terms": "I understand and accept the risks",
"account": "Cuenta",
"account-name": "Nombre de la cuenta",
"account-risk": "Riesgo de cuenta",
@ -77,6 +78,7 @@
"deposit-interest": "Interés de depósito",
"deposit-rate": "Tasa de depósito",
"deposit-successful": "Depósito exitosa",
"deposit-to-get-started": "Deposite fondos para comenzar",
"deposit-value": "Valor de depósito",
"depositing": "Estás a punto de depositar",
"deposits": "Depósitos",
@ -93,7 +95,7 @@
"fee": "Tarifa",
"fee-discount": "comisiones",
"funding": "Funding",
"get-started": "Deposite fondos para comenzar",
"get-started": "Get Started",
"health": "Salud",
"health-check": "Verificación del estado de la cuenta",
"health-ratio": "Relación de salud",
@ -114,6 +116,10 @@
"interest": "Interés",
"interest-earned": "Interés total devengado / pagado",
"interest-info": "El interés se gana continuamente en todos los depósitos.",
"intro-feature-1": "Crosscollateralized leverage trading",
"intro-feature-2": "All assets count as collateral to trade or borrow",
"intro-feature-3": "Deposit any asset and earn interest automatically",
"intro-feature-4": "Borrow against your assets for other DeFi activities",
"ioc": "IOC",
"learn": "Aprender",
"learn-more": "Aprender mas",
@ -200,6 +206,7 @@
"profit-price": "Precio de beneficio",
"quantity": "Cantidad",
"rates": "Tasas de depósito / préstamo",
"read-more": "Read More",
"recent": "Reciente",
"recent-trades": "Operaciones recientes",
"redeem-failure": "Error al canjear MNGO",
@ -224,6 +231,7 @@
"settle-success": "Fondos liquidados con éxito",
"short": "Vender",
"show-all": "Mostrar todo en Nav",
"show-tips": "Show Tips",
"show-zero": "Mostrar saldos cero",
"side": "Lado",
"size": "Tamaño",
@ -300,5 +308,25 @@
"withdrawals": "Withdrawals",
"your-account": "Su cuenta",
"your-assets": "Sus activos",
"your-borrows": "Sus préstamos"
"your-borrows": "Sus préstamos",
"connect-wallet-tip-title": "Connect your wallet",
"connect-wallet-tip-desc": "We'll show you around...",
"profile-menu-tip-title": "Profile Menu",
"profile-menu-tip-desc": "Access your Mango Accounts, copy your wallet address and disconnect here.",
"themes-tip-title": "Color Themes",
"themes-tip-desc": "Mango, Dark or Light (if you're that way inclined).",
"languages-tip-title": "Multilingual?",
"languages-tip-desc": "Choose another language here. More coming soon...",
"data-refresh-tip-title": "Manual Data Refresh",
"data-refresh-tip-desc": "Data is refreshed automatically but you can manually refresh it here.",
"layout-tip-title": "Customize Layout",
"layout-tip-desc": "Unlock to re-arrange and re-size the trading panels to your liking.",
"perp-positions-tip-title": "Perp Position Details",
"perp-positions-tip-desc": "Perp positions accrue Unsettled PnL as price moves. Settling PnL adds or removes that amount from your USDC balance.",
"account-details-tip-title": "Account Details",
"account-details-tip-desc": "When you make your first deposit we'll set you up with a Mango Account. You'll need at least 0.0035 SOL in your wallet to cover the rent/cost of creating the account.",
"collateral-available-tip-title": "Collateral Available",
"collateral-available-tip-desc": "The collateral value that can be used to take on leverage. Assets carry different collateral weights depending on the risk they present to the platform.",
"account-health-tip-title": "Account Health",
"account-health-tip-desc": "To avoid liquidation you must keep your account health above 0%. To increase the health of your account, reduce borrows or deposit funds."
}

View File

@ -2,6 +2,7 @@
"about-to-withdraw": "您正在存款",
"above": "以上",
"accept": "接受",
"accept-terms": "I understand and accept the risks",
"account": "帐户",
"account-name": "帐户标签",
"account-risk": "帐户风险度",
@ -77,6 +78,7 @@
"deposit-interest": "存款利息",
"deposit-rate": "存款利率",
"deposit-successful": "已存款",
"deposit-to-get-started": "请先存款",
"deposit-value": "存款价值",
"depositing": "您正在存款",
"deposits": "存款",
@ -94,7 +96,7 @@
"fee": "费率",
"fee-discount": "费率折扣",
"funding": "资金费",
"get-started": "请先存款",
"get-started": "Get Started",
"health": "健康度",
"health-check": "帐户健康检查",
"health-ratio": "健康比率",
@ -115,6 +117,10 @@
"interest": "利息",
"interest-earned": "存借利息",
"interest-info": "您的存款会持续赚取利息。",
"intro-feature-1": "Crosscollateralized leverage trading",
"intro-feature-2": "All assets count as collateral to trade or borrow",
"intro-feature-3": "Deposit any asset and earn interest automatically",
"intro-feature-4": "Borrow against your assets for other DeFi activities",
"ioc": "IOC",
"learn": "学习",
"learn-more": "学习",
@ -201,6 +207,7 @@
"profit-price": "止盈价格",
"quantity": "数量",
"rates": "存款/借贷利率",
"read-more": "Read More",
"recent": "最近",
"recent-trades": "最近成交",
"redeem-failure": "收获MNGO奖励出错了",
@ -225,6 +232,7 @@
"settle-success": "已结清好",
"short": "做空",
"show-all": "在导航栏中显示全部",
"show-tips": "Show Tips",
"show-zero": "显示零余额",
"side": "方向",
"size": "数量",
@ -300,5 +308,25 @@
"withdrawals": "取款历史",
"your-account": "您的帐户",
"your-assets": "您的资产",
"your-borrows": "您的借入"
"your-borrows": "您的借入",
"connect-wallet-tip-title": "Connect your wallet",
"connect-wallet-tip-desc": "We'll show you around...",
"profile-menu-tip-title": "Profile Menu",
"profile-menu-tip-desc": "Access your Mango Accounts, copy your wallet address and disconnect here.",
"themes-tip-title": "Color Themes",
"themes-tip-desc": "Mango, Dark or Light (if you're that way inclined).",
"languages-tip-title": "Multilingual?",
"languages-tip-desc": "Choose another language here. More coming soon...",
"data-refresh-tip-title": "Manual Data Refresh",
"data-refresh-tip-desc": "Data is refreshed automatically but you can manually refresh it here.",
"layout-tip-title": "Customize Layout",
"layout-tip-desc": "Unlock to re-arrange and re-size the trading panels to your liking.",
"perp-positions-tip-title": "Perp Position Details",
"perp-positions-tip-desc": "Perp positions accrue Unsettled PnL as price moves. Settling PnL adds or removes that amount from your USDC balance.",
"account-details-tip-title": "Account Details",
"account-details-tip-desc": "When you make your first deposit we'll set you up with a Mango Account. You'll need at least 0.0035 SOL in your wallet to cover the rent/cost of creating the account.",
"collateral-available-tip-title": "Collateral Available",
"collateral-available-tip-desc": "The collateral value that can be used to take on leverage. Assets carry different collateral weights depending on the risk they present to the platform.",
"account-health-tip-title": "Account Health",
"account-health-tip-desc": "To avoid liquidation you must keep your account health above 0%. To increase the health of your account, reduce borrows or deposit funds."
}

View File

@ -2,6 +2,7 @@
"about-to-withdraw": "您正在存款",
"above": "以上",
"accept": "接受",
"accept-terms": "I understand and accept the risks",
"account": "帳戶",
"account-name": "帳戶標籤",
"account-risk": "帳戶風險度",
@ -77,6 +78,7 @@
"deposit-interest": "存款利息",
"deposit-rate": "存款利率",
"deposit-successful": "成功存款",
"deposit-to-get-started": "請先存款",
"deposit-value": "存款價值",
"depositing": "您正在存款",
"deposits": "存款",
@ -94,7 +96,7 @@
"fee": "費率",
"fee-discount": "費率折扣",
"funding": "資金費",
"get-started": "請先存款",
"get-started": "Get Started",
"health": "健康度",
"health-check": "帳戶健康檢查",
"health-ratio": "健康比率",
@ -115,6 +117,10 @@
"interest": "利息",
"interest-earned": "存借利息",
"interest-info": "您的存款會持續賺取利息。",
"intro-feature-1": "Crosscollateralized leverage trading",
"intro-feature-2": "All assets count as collateral to trade or borrow",
"intro-feature-3": "Deposit any asset and earn interest automatically",
"intro-feature-4": "Borrow against your assets for other DeFi activities",
"ioc": "IOC",
"learn": "學習",
"learn-more": "學習",
@ -201,6 +207,7 @@
"profit-price": "止盈價格",
"quantity": "數量",
"rates": "存款/借貸利率",
"read-more": "Read More",
"recent": "最近",
"recent-trades": "最近成交",
"redeem-failure": "收穫MNGO獎勵出錯了",
@ -225,6 +232,7 @@
"settle-success": "已結清好",
"short": "做空",
"show-all": "在導航欄中顯示全部",
"show-tips": "Show Tips",
"show-zero": "顯示零餘額",
"side": "方向",
"size": "數量",
@ -300,5 +308,25 @@
"withdrawals": "取款歷史",
"your-account": "您的帳戶",
"your-assets": "您的資產",
"your-borrows": "您的借入"
"your-borrows": "您的借入",
"connect-wallet-tip-title": "Connect your wallet",
"connect-wallet-tip-desc": "We'll show you around...",
"profile-menu-tip-title": "Profile Menu",
"profile-menu-tip-desc": "Access your Mango Accounts, copy your wallet address and disconnect here.",
"themes-tip-title": "Color Themes",
"themes-tip-desc": "Mango, Dark or Light (if you're that way inclined).",
"languages-tip-title": "Multilingual?",
"languages-tip-desc": "Choose another language here. More coming soon...",
"data-refresh-tip-title": "Manual Data Refresh",
"data-refresh-tip-desc": "Data is refreshed automatically but you can manually refresh it here.",
"layout-tip-title": "Customize Layout",
"layout-tip-desc": "Unlock to re-arrange and re-size the trading panels to your liking.",
"perp-positions-tip-title": "Perp Position Details",
"perp-positions-tip-desc": "Perp positions accrue Unsettled PnL as price moves. Settling PnL adds or removes that amount from your USDC balance.",
"account-details-tip-title": "Account Details",
"account-details-tip-desc": "When you make your first deposit we'll set you up with a Mango Account. You'll need at least 0.0035 SOL in your wallet to cover the rent/cost of creating the account.",
"collateral-available-tip-title": "Collateral Available",
"collateral-available-tip-desc": "The collateral value that can be used to take on leverage. Assets carry different collateral weights depending on the risk they present to the platform.",
"account-health-tip-title": "Account Health",
"account-health-tip-desc": "To avoid liquidation you must keep your account health above 0%. To increase the health of your account, reduce borrows or deposit funds."
}

View File

@ -325,7 +325,7 @@ input[type='number'] {
/* Intro Tour */
.intro-tooltip * {
@apply bg-th-bkg-2 font-body text-th-fgd-1;
@apply bg-th-bkg-1 font-body text-th-fgd-1;
}
.introjs-tooltip {
@ -337,7 +337,7 @@ input[type='number'] {
}
.introjs-skipbutton {
@apply text-sm text-th-fgd-3;
@apply text-xs text-th-fgd-4 hover:text-th-fgd-2;
}
.introjs-tooltip-header {