blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add translation vars

This commit is contained in:
saml33 2023-01-17 15:59:51 +11:00
parent 9716c5f775
commit 46d9c54ef3
13 changed files with 79 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
components/account/AccountPage.tsx
View File

@ -3,7 +3,6 @@ import {
toUiDecimalsForQuote,
} from '@blockworks-foundation/mango-v4'
import { useTranslation } from 'next-i18next'
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
import { useEffect, useMemo, useState } from 'react'
import AccountActions from './AccountActions'
import mangoStore, { PerformanceDataItem } from '@store/mangoStore'
@ -43,20 +42,8 @@ import { breakpoints } from 'utils/theme'
import useMangoGroup from 'hooks/useMangoGroup'
import PnlHistoryModal from '@components/modals/PnlHistoryModal'
export async function getStaticProps({ locale }: { locale: string }) {
return {
props: {
...(await serverSideTranslations(locale, [
'common',
'close-account',
'trade',
])),
},
}
}
const AccountPage = () => {
const { t } = useTranslation('common')
const { t } = useTranslation(['common', 'account'])
// const { connected } = useWallet()
const { group } = useMangoGroup()
const { mangoAccount, mangoAccountAddress } = useMangoAccount()
@ -385,7 +372,7 @@ const AccountPage = () => {
<div className="col-span-5 flex border-t border-th-bkg-3 py-3 pl-6 lg:col-span-1 lg:border-l lg:border-t-0">
<div id="account-step-five">
<Tooltip
content="The amount of capital you have to use for trades and loans. When your free collateral reaches $0 you won't be able to trade, borrow or withdraw."
content={t('account:tooltip-free-collateral')}
maxWidth="20rem"
placement="bottom"
delay={250}
@ -407,12 +394,12 @@ const AccountPage = () => {
</p>
<span className="text-xs font-normal text-th-fgd-4">
<Tooltip
content="Total value of collateral for trading and borrowing (including unsettled PnL)."
content={t('account:tooltip-total-collateral')}
maxWidth="20rem"
placement="bottom"
delay={250}
>
<span className="tooltip-underline">Total</span>:
<span className="tooltip-underline">{t('total')}</span>:
<span className="ml-1 font-mono text-th-fgd-2">
{group && mangoAccount
? formatFixedDecimals(
@ -433,7 +420,7 @@ const AccountPage = () => {
<div className="col-span-5 flex border-t border-th-bkg-3 py-3 pl-6 lg:col-span-1 lg:border-l lg:border-t-0">
<div id="account-step-six">
<Tooltip
content="Total assets value divided by account equity value."
content={t('account:tooltip-leverage')}
maxWidth="20rem"
placement="bottom"
delay={250}
@ -451,7 +438,7 @@ const AccountPage = () => {
<div id="account-step-seven" className="flex flex-col items-start">
<div className="flex w-full items-center justify-between">
<Tooltip
content="The amount your account has profited or lost."
content={t('account:tooltip-pnl')}
placement="bottom"
delay={250}
>
@ -462,7 +449,7 @@ const AccountPage = () => {
{mangoAccountAddress ? (
<div className="flex items-center space-x-3">
{performanceData.length > 4 ? (
<Tooltip content="PnL Chart" delay={250}>
<Tooltip content={t('account:pnl-chart')} delay={250}>
<IconButton
className="text-th-fgd-3"
hideBg
@ -472,7 +459,7 @@ const AccountPage = () => {
</IconButton>
</Tooltip>
) : null}
<Tooltip content="PnL History" delay={250}>
<Tooltip content={t('account:pnl-history')} delay={250}>
<IconButton
className="text-th-fgd-3"
hideBg
@ -497,7 +484,7 @@ const AccountPage = () => {
<div id="account-step-eight">
<div className="flex w-full items-center justify-between">
<Tooltip
content="The value of interest earned (deposits) minus interest paid (borrows)."
content={t('account:tooltip-total-interest')}
maxWidth="20rem"
placement="bottom-end"
delay={250}

16
components/modals/PnlHistoryModal.tsx
View File

@ -1,7 +1,7 @@
import { ModalProps } from '../../types/modal'
import Modal from '../shared/Modal'
import mangoStore, { PerformanceDataItem } from '@store/mangoStore'
// import { useTranslation } from 'next-i18next'
import { useTranslation } from 'next-i18next'
import { useEffect, useMemo } from 'react'
import useMangoAccount from 'hooks/useMangoAccount'
import dayjs from 'dayjs'
@ -25,7 +25,7 @@ const PnlHistoryModal = ({
onClose,
pnlChangeToday,
}: ModalCombinedProps) => {
// const { t } = useTranslation('common')
const { t } = useTranslation('account')
const { mangoAccountAddress } = useMangoAccount()
const actions = mangoStore.getState().actions
const loading = mangoStore((s) => s.mangoAccount.performance.loading)
@ -89,7 +89,7 @@ const PnlHistoryModal = ({
<Modal isOpen={isOpen} onClose={onClose}>
<div className="h-96">
<div className="flex h-full flex-col">
<h2 className="mb-4">PnL History</h2>
<h2 className="mb-4">{t('pnl-history')}</h2>
{loading ? (
<div className="space-y-1.5">
{[...Array(4)].map((x, i) => (
@ -115,16 +115,18 @@ const PnlHistoryModal = ({
</div>
<div className="mt-4 flex justify-between rounded-md bg-th-bkg-2 p-3">
<p>{`Week starting ${dayjs(getLastSunday(new Date())).format(
'MM-DD'
)}`}</p>
<p>
{t('week-starting', {
week: dayjs(getLastSunday(new Date())).format('MM-DD'),
})}
</p>
<Change change={pnlThisWeek} prefix="$" />
</div>
</>
) : (
<div className="flex h-full flex-col items-center justify-center pb-12">
<NoSymbolIcon className="mb-2 h-6 w-6 text-th-fgd-3" />
<p>No PnL History</p>
<p>{t('no-pnl-history')}</p>
</div>
)}
</div>

1
pages/index.tsx
View File

@ -6,6 +6,7 @@ export async function getStaticProps({ locale }: { locale: string }) {
return {
props: {
...(await serverSideTranslations(locale, [
'account',
'activity',
'common',
'onboarding',

11
public/locales/en/account.json Normal file
View File

@ -0,0 +1,11 @@
{
"no-pnl-history": "No PnL History",
"pnl-chart": "PnL Chart",
"pnl-history": "PnL History",
"tooltip-free-collateral": "The amount of capital you have to use for trades and loans. When your free collateral reaches $0 you won't be able to trade, borrow or withdraw",
"tooltip-leverage": "Total assets value divided by account equity value",
"tooltip-pnl": "The amount your account has profited or lost",
"tooltip-total-collateral": "Total value of collateral for trading and borrowing (including unsettled PnL)",
"tooltip-total-interest": "The value of interest earned (deposits) minus interest paid (borrows)",
"week-starting": "Week starting {{week}}"
}

1
public/locales/en/common.json
View File

@ -121,6 +121,7 @@
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
"tooltip-borrow-rate": "The variable interest rate you'll pay on your borrowed balance",
"tooltip-collateral-value": "The USD amount you can trade or borrow against",
"total": "Total",
"total-borrows": "Total Borrows",
"total-borrow-value": "Total Borrow Value",
"total-collateral": "Total Collateral",

11
public/locales/es/account.json Normal file
View File

@ -0,0 +1,11 @@
{
"no-pnl-history": "No PnL History",
"pnl-chart": "PnL Chart",
"pnl-history": "PnL History",
"tooltip-free-collateral": "The amount of capital you have to use for trades and loans. When your free collateral reaches $0 you won't be able to trade, borrow or withdraw",
"tooltip-leverage": "Total assets value divided by account equity value",
"tooltip-pnl": "The amount your account has profited or lost",
"tooltip-total-collateral": "Total value of collateral for trading and borrowing (including unsettled PnL)",
"tooltip-total-interest": "The value of interest earned (deposits) minus interest paid (borrows)",
"week-starting": "Week starting {{week}}"
}

1
public/locales/es/common.json
View File

@ -121,6 +121,7 @@
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
"tooltip-borrow-rate": "The variable interest rate you'll pay on your borrowed balance",
"tooltip-collateral-value": "The USD amount you can trade or borrow against",
"total": "Total",
"total-borrows": "Total Borrows",
"total-borrow-value": "Total Borrow Value",
"total-collateral": "Total Collateral",

11
public/locales/ru/account.json Normal file
View File

@ -0,0 +1,11 @@
{
"no-pnl-history": "No PnL History",
"pnl-chart": "PnL Chart",
"pnl-history": "PnL History",
"tooltip-free-collateral": "The amount of capital you have to use for trades and loans. When your free collateral reaches $0 you won't be able to trade, borrow or withdraw",
"tooltip-leverage": "Total assets value divided by account equity value",
"tooltip-pnl": "The amount your account has profited or lost",
"tooltip-total-collateral": "Total value of collateral for trading and borrowing (including unsettled PnL)",
"tooltip-total-interest": "The value of interest earned (deposits) minus interest paid (borrows)",
"week-starting": "Week starting {{week}}"
}

1
public/locales/ru/common.json
View File

@ -121,6 +121,7 @@
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
"tooltip-borrow-rate": "The variable interest rate you'll pay on your borrowed balance",
"tooltip-collateral-value": "The USD amount you can trade or borrow against",
"total": "Total",
"total-borrows": "Total Borrows",
"total-borrow-value": "Total Borrow Value",
"total-collateral": "Total Collateral",

11
public/locales/zh/account.json Normal file
View File

@ -0,0 +1,11 @@
{
"no-pnl-history": "No PnL History",
"pnl-chart": "PnL Chart",
"pnl-history": "PnL History",
"tooltip-free-collateral": "The amount of capital you have to use for trades and loans. When your free collateral reaches $0 you won't be able to trade, borrow or withdraw",
"tooltip-leverage": "Total assets value divided by account equity value",
"tooltip-pnl": "The amount your account has profited or lost",
"tooltip-total-collateral": "Total value of collateral for trading and borrowing (including unsettled PnL)",
"tooltip-total-interest": "The value of interest earned (deposits) minus interest paid (borrows)",
"week-starting": "Week starting {{week}}"
}

1
public/locales/zh/common.json
View File

@ -121,6 +121,7 @@
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
"tooltip-borrow-rate": "The variable interest rate you'll pay on your borrowed balance",
"tooltip-collateral-value": "The USD amount you can trade or borrow against",
"total": "Total",
"total-borrows": "Total Borrows",
"total-borrow-value": "Total Borrow Value",
"total-collateral": "Total Collateral",

11
public/locales/zh_tw/account.json Normal file
View File

@ -0,0 +1,11 @@
{
"no-pnl-history": "No PnL History",
"pnl-chart": "PnL Chart",
"pnl-history": "PnL History",
"tooltip-free-collateral": "The amount of capital you have to use for trades and loans. When your free collateral reaches $0 you won't be able to trade, borrow or withdraw",
"tooltip-leverage": "Total assets value divided by account equity value",
"tooltip-pnl": "The amount your account has profited or lost",
"tooltip-total-collateral": "Total value of collateral for trading and borrowing (including unsettled PnL)",
"tooltip-total-interest": "The value of interest earned (deposits) minus interest paid (borrows)",
"week-starting": "Week starting {{week}}"
}

1
public/locales/zh_tw/common.json
View File

@ -121,6 +121,7 @@
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
"tooltip-borrow-rate": "The variable interest rate you'll pay on your borrowed balance",
"tooltip-collateral-value": "The USD amount you can trade or borrow against",
"total": "Total",
"total-borrows": "Total Borrows",
"total-borrow-value": "Total Borrow Value",
"total-collateral": "Total Collateral",