Skip to content

I
interface
Commit 4fede9df authored by Justin Domingue's avatar Justin Domingue Committed by GitHub
Browse files
Options

removed custom keys, part 2 (#1740)

parent fbd5dab5
Expand all Show whitespace changes
Inline Side-by-side
Showing with 11041 additions and 12193 deletions
src/components/AccountDetails/Copy.tsx
View file @ 4fede9df
......@@ -35,7 +35,7 @@ export default function CopyHelper(props: { toCopy: string; children?: React.Rea
<TransactionStatusText>
<CheckCircle size={'16'} />
<TransactionStatusText>
<Trans id="common.copied">Copied</Trans>
<Trans>Copied</Trans>
</TransactionStatusText>
</TransactionStatusText>
) : (
......
src/components/AccountDetails/index.tsx
View file @ 4fede9df
......@@ -240,7 +240,7 @@ export default function AccountDetails({
.map((k) => SUPPORTED_WALLETS[k].name)[0]
return (
<WalletName>
<Trans id="wallet.connectedWith">Connected with {name}</Trans>
<Trans>Connected with {name}</Trans>
</WalletName>
)
}
......@@ -280,7 +280,7 @@ export default function AccountDetails({
portis.portis.showPortis()
}}
>
<Trans id="wallet.showPortis">Show Portis</Trans>
<Trans>Show Portis</Trans>
</MainWalletAction>
</IconWrapper>
</>
......@@ -300,7 +300,7 @@ export default function AccountDetails({
<CloseColor />
</CloseIcon>
<HeaderRow>
<Trans id="wallet.account">Account</Trans>
<Trans>Account</Trans>
</HeaderRow>
<AccountSection>
<YourAccount>
......@@ -315,7 +315,7 @@ export default function AccountDetails({
;(connector as any).close()
}}
>
<Trans id="wallet.disconnect">Disconnect</Trans>
<Trans>Disconnect</Trans>
</WalletAction>
)}
<WalletAction
......@@ -324,7 +324,7 @@ export default function AccountDetails({
openOptions()
}}
>
<Trans id="wallet.change">Change</Trans>
<Trans>Change</Trans>
</WalletAction>
</div>
</AccountGroupingRow>
......@@ -355,7 +355,7 @@ export default function AccountDetails({
{account && (
<Copy toCopy={account}>
<span style={{ marginLeft: '4px' }}>
<Trans id="wallet.copyAddress">Copy Address</Trans>
<Trans>Copy Address</Trans>
</span>
</Copy>
)}
......@@ -367,7 +367,7 @@ export default function AccountDetails({
>
<LinkIcon size={16} />
<span style={{ marginLeft: '4px' }}>
<Trans id="wallet.viewOnEtherscan">View on Etherscan</Trans>
<Trans>View on Etherscan</Trans>
</span>
</AddressLink>
)}
......@@ -381,7 +381,7 @@ export default function AccountDetails({
{account && (
<Copy toCopy={account}>
<span style={{ marginLeft: '4px' }}>
<Trans id="wallet.copyAddress">Copy Address</Trans>
<Trans>Copy Address</Trans>
</span>
</Copy>
)}
......@@ -393,7 +393,7 @@ export default function AccountDetails({
>
<LinkIcon size={16} />
<span style={{ marginLeft: '4px' }}>
<Trans id="wallet.viewOnEtherscan">View on Etherscan</Trans>
<Trans>View on Etherscan</Trans>
</span>
</AddressLink>
)}
......@@ -410,10 +410,10 @@ export default function AccountDetails({
<LowerSection>
<AutoRow mb={'1rem'} style={{ justifyContent: 'space-between' }}>
<TYPE.body>
<Trans id="wallet.recentTransactions">Recent Transactions</Trans>
<Trans>Recent Transactions</Trans>
</TYPE.body>
<LinkStyledButton onClick={clearAllTransactionsCallback}>
<Trans id="wallet.clearAllTransactions">(clear all)</Trans>
<Trans>(clear all)</Trans>
</LinkStyledButton>
</AutoRow>
{renderTransactions(pendingTransactions)}
......@@ -422,7 +422,7 @@ export default function AccountDetails({
) : (
<LowerSection>
<TYPE.body color={theme.text1}>
<Trans id="wallet.yourTransactionsWillAppearHere">Your transactions will appear here...</Trans>
<Trans>Your transactions will appear here...</Trans>
</TYPE.body>
</LowerSection>
)}
......
src/components/Blocklist/index.tsx
View file @ 4fede9df
......@@ -17,7 +17,7 @@ export default function Blocklist({ children }: { children: ReactNode }) {
if (blocked) {
return (
<div>
<Trans id="blocklist.labels.blockedAddress">Blocked address</Trans>
<Trans>Blocked address</Trans>
</div>
)
}
......
src/components/CurrencyInputPanel/FiatValue.tsx
View file @ 4fede9df
......@@ -26,7 +26,7 @@ export function FiatValue({
return (
<TYPE.body fontSize={14} color={fiatValue ? theme.text2 : theme.text4}>
{fiatValue ? (
<Trans id="currencies.labels.fiatValue">
<Trans>
~$ <HoverInlineText text={fiatValue?.toSignificant(6, { groupSeparator: ',' })} />
</Trans>
) : (
......@@ -35,7 +35,7 @@ export function FiatValue({
{priceImpact ? (
<span style={{ color: priceImpactColor }}>
{' '}
(<Trans id="numbers.valueWithPercent">{priceImpact.multiply(-1).toSignificant(3)}%</Trans>)
(<Trans>{priceImpact.multiply(-1).toSignificant(3)}%</Trans>)
</span>
) : null}
</TYPE.body>
......
src/components/Header/URLWarning.tsx
View file @ 4fede9df
......@@ -31,7 +31,7 @@ export default function URLWarning() {
<PhishAlert isActive={showURLWarning}>
<div style={{ display: 'flex' }}>
<AlertTriangle style={{ marginRight: 6 }} size={12} />
<Trans id="phish.urlWarning">
<Trans>
Make sure the URL is
<code style={{ padding: '0 4px', display: 'inline', fontWeight: 'bold' }}>app.uniswap.org</code>
</Trans>
......@@ -42,7 +42,7 @@ export default function URLWarning() {
<PhishAlert isActive={showURLWarning}>
<div style={{ display: 'flex' }}>
<AlertTriangle style={{ marginRight: 6 }} size={12} />
<Trans id="phish.urlWarningLocationOk">
<Trans>
Always make sure the URL is
<code style={{ padding: '0 4px', display: 'inline', fontWeight: 'bold' }}>app.uniswap.org</code> - bookmark it
to be safe.
......
src/components/Header/UniBalanceContent.tsx
View file @ 4fede9df
......@@ -67,7 +67,7 @@ export default function UniBalanceContent({ setShowUniBalanceModal }: { setShowU
<CardSection gap="md">
<RowBetween>
<TYPE.white color="white">
<Trans id="uni.yourUNIBreakdown">Your UNI Breakdown</Trans>
<Trans>Your UNI Breakdown</Trans>
</TYPE.white>
<StyledClose stroke="white" onClick={() => setShowUniBalanceModal(false)} />
</RowBetween>
......@@ -85,19 +85,19 @@ export default function UniBalanceContent({ setShowUniBalanceModal }: { setShowU
<AutoColumn gap="md">
<RowBetween>
<TYPE.white color="white">
<Trans id="claim.labels.balance">Balance:</Trans>
<Trans>Balance:</Trans>
</TYPE.white>
<TYPE.white color="white">{uniBalance?.toFixed(2, { groupSeparator: ',' })}</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white color="white">
<Trans id="claim.unclaimed">Unclaimed:</Trans>
<Trans>Unclaimed:</Trans>
</TYPE.white>
<TYPE.white color="white">
{uniToClaim?.toFixed(4, { groupSeparator: ',' })}{' '}
{uniToClaim && uniToClaim.greaterThan('0') && (
<StyledInternalLink onClick={() => setShowUniBalanceModal(false)} to="/uni">
<Trans id="claim.labels.claim">(claim)</Trans>
<Trans>(claim)</Trans>
</StyledInternalLink>
)}
</TYPE.white>
......@@ -111,25 +111,25 @@ export default function UniBalanceContent({ setShowUniBalanceModal }: { setShowU
<AutoColumn gap="md">
<RowBetween>
<TYPE.white color="white">
<Trans id="uni.UNIPrice">UNI price:</Trans>
<Trans>UNI price:</Trans>
</TYPE.white>
<TYPE.white color="white">${uniPrice?.toFixed(2) ?? '-'}</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white color="white">
<Trans id="uni.inCirculation">UNI in circulation:</Trans>
<Trans>UNI in circulation:</Trans>
</TYPE.white>
<TYPE.white color="white">{circulation?.toFixed(0, { groupSeparator: ',' })}</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white color="white">
<Trans id="uni.totalSupply">Total Supply</Trans>
<Trans>Total Supply</Trans>
</TYPE.white>
<TYPE.white color="white">{totalSupply?.toFixed(0, { groupSeparator: ',' })}</TYPE.white>
</RowBetween>
{uni && uni.chainId === 1 ? (
<ExternalLink href={`https://info.uniswap.org/token/${uni.address}`}>
<Trans id="uni.viewAnalytics">View UNI Analytics</Trans>
<Trans>View UNI Analytics</Trans>
</ExternalLink>
) : null}
</AutoColumn>
......
src/components/InputStepCounter/InputStepCounter.tsx
View file @ 4fede9df
......@@ -140,7 +140,7 @@ const StepCounter = ({
}}
/>
<InputTitle fontSize={12} textAlign="center">
<Trans id="currencies.denominated">
<Trans>
{tokenB} per {tokenA}
</Trans>
</InputTitle>
......@@ -149,12 +149,12 @@ const StepCounter = ({
<RowBetween>
<SmallButton onClick={handleDecrement}>
<TYPE.white fontSize="12px">
<Trans id="inputs.feeAmount.minus">-{feeAmountFormatted}%</Trans>
<Trans>-{feeAmountFormatted}%</Trans>
</TYPE.white>
</SmallButton>
<SmallButton onClick={handleIncrement}>
<TYPE.white fontSize="12px">
<Trans id="inputs.feeAmount.plus">+{feeAmountFormatted}%</Trans>
<Trans>+{feeAmountFormatted}%</Trans>
</TYPE.white>
</SmallButton>
</RowBetween>
......
src/components/Menu/index.tsx
View file @ 4fede9df
......@@ -144,36 +144,36 @@ export default function Menu() {
<MenuItem href="https://uniswap.org/">
<Info size={14} />
<div>
<Trans id="menu.about">About</Trans>
<Trans>About</Trans>
</div>
</MenuItem>
<MenuItem href="https://docs.uniswap.org/">
<BookOpen size={14} />
<div>
<Trans id="menu.docs">Docs</Trans>
<Trans>Docs</Trans>
</div>
</MenuItem>
<MenuItem href={CODE_LINK}>
<Code size={14} />
<div>
<Trans id="menu.code">Code</Trans>
<Trans>Code</Trans>
</div>
</MenuItem>
<MenuItem href="https://discord.gg/FCfyBSbCU5">
<MessageCircle size={14} />
<div>
<Trans id="menu.discord">Discord</Trans>
<Trans>Discord</Trans>
</div>
</MenuItem>
<MenuItem href="https://info.uniswap.org/">
<PieChart size={14} />
<div>
<Trans id="menu.analytics">Analytics</Trans>
<Trans>Analytics</Trans>
</div>
</MenuItem>
{account && (
<UNIbutton onClick={openClaimModal} padding="8px 16px" width="100%" borderRadius="12px" mt="0.5rem">
<Trans id="claim.buttons.claimUNI">Claim UNI</Trans>
<Trans>Claim UNI</Trans>
</UNIbutton>
)}
</MenuFlyout>
......
src/components/ModalViews/index.tsx
View file @ 4fede9df
......@@ -34,7 +34,7 @@ export function LoadingView({ children, onDismiss }: { children: any; onDismiss:
<AutoColumn gap="100px" justify={'center'}>
{children}
<TYPE.subHeader>
<Trans id="wallet.confirmTransaction">Confirm this transaction in your wallet</Trans>
<Trans>Confirm this transaction in your wallet</Trans>
</TYPE.subHeader>
</AutoColumn>
</ConfirmOrLoadingWrapper>
......@@ -70,7 +70,7 @@ export function SubmittedView({
style={{ marginLeft: '4px' }}
>
<TYPE.subHeader>
<Trans id="transaction.viewOnEherscan">View transaction on Etherscan</Trans>
<Trans>View transaction on Etherscan</Trans>
</TYPE.subHeader>
</ExternalLink>
)}
......
src/components/PositionCard/Sushi.tsx
View file @ 4fede9df
......@@ -51,7 +51,7 @@ export default function SushiPositionCard({ tokenA, tokenB, liquidityToken, bord
<Text fontWeight={500} fontSize={20}>
{!currency0 || !currency1 ? (
<Dots>
<Trans id="common.loading">Loading</Trans>
<Trans>Loading</Trans>
</Dots>
) : (
`${currency0.symbol}/${currency1.symbol}`
......@@ -68,7 +68,7 @@ export default function SushiPositionCard({ tokenA, tokenB, liquidityToken, bord
as={Link}
to={`/migrate/v2/${liquidityToken.address}`}
>
<Trans id="pools.buttons.migrate">Migrate</Trans>
<Trans>Migrate</Trans>
</ButtonEmpty>
</RowFixed>
</FixedHeightRow>
......
src/components/PositionCard/V2.tsx
View file @ 4fede9df
......@@ -88,7 +88,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
<Text fontWeight={500} fontSize={20}>
{!currency0 || !currency1 ? (
<Dots>
<Trans id="common.loading">Loading</Trans>
<Trans>Loading</Trans>
</Dots>
) : (
`${currency0.symbol}/${currency1.symbol}`
......@@ -104,12 +104,12 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
>
{showMore ? (
<>
<Trans id="pools.buttons.manage">Manage</Trans>
<Trans>Manage</Trans>
<ChevronUp size="20" style={{ marginLeft: '10px' }} />
</>
) : (
<>
<Trans id="pools.buttons.manage">Manage</Trans>
<Trans>Manage</Trans>
<ChevronDown size="20" style={{ marginLeft: '10px' }} />
</>
)}
......@@ -121,7 +121,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
<AutoColumn gap="8px">
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.yourTotalPoolTokens">Your total pool tokens:</Trans>
<Trans>Your total pool tokens:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{userPoolBalance ? userPoolBalance.toSignificant(4) : '-'}
......@@ -130,7 +130,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
{stakedBalance && (
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.poolTokensInRewardsPool">Pool tokens in rewards pool:</Trans>
<Trans>Pool tokens in rewards pool:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{stakedBalance.toSignificant(4)}
......@@ -140,7 +140,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
<FixedHeightRow>
<RowFixed>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.pooledCurrency">Pooled {currency0.symbol}:</Trans>
<Trans>Pooled {currency0.symbol}:</Trans>
</Text>
</RowFixed>
{token0Deposited ? (
......@@ -158,7 +158,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
<FixedHeightRow>
<RowFixed>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.pooledCurrency"></Trans>Pooled {currency1.symbol}:
<Trans>Pooled {currency1.symbol}:</Trans>
</Text>
</RowFixed>
{token1Deposited ? (
......@@ -175,7 +175,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.yourPoolShare">Your pool share:</Trans>
<Trans>Your pool share:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{poolTokenPercentage
......@@ -193,7 +193,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
to={`/migrate/v2/${pair.liquidityToken.address}`}
width="64%"
>
<Trans id="pools.buttons.migrate">Migrate</Trans>
<Trans>Migrate</Trans>
</ButtonPrimary>
<ButtonSecondary
padding="8px"
......@@ -202,7 +202,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position
width="32%"
to={`/remove/v2/${currencyId(currency0)}/${currencyId(currency1)}`}
>
<Trans id="butons.remove">Remove</Trans>
<Trans>Remove</Trans>
</ButtonSecondary>
</RowBetween>
)}
......
src/components/PositionCard/index.tsx
View file @ 4fede9df
......@@ -92,7 +92,7 @@ export function MinimalPositionCard({ pair, showUnwrapped = false, border }: Pos
<FixedHeightRow>
<RowFixed>
<Text fontWeight={500} fontSize={16}>
<Trans id="pool.yourPosition">Your position</Trans>
<Trans>Your position</Trans>
</Text>
</RowFixed>
</FixedHeightRow>
......@@ -112,7 +112,7 @@ export function MinimalPositionCard({ pair, showUnwrapped = false, border }: Pos
<AutoColumn gap="4px">
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.yourPoolShare">Your pool share:</Trans>
<Trans>Your pool share:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{poolTokenPercentage ? poolTokenPercentage.toFixed(6) + '%' : '-'}
......@@ -155,7 +155,7 @@ export function MinimalPositionCard({ pair, showUnwrapped = false, border }: Pos
<span role="img" aria-label="wizard-icon">
⭐️
</span>{' '}
<Trans id="pool.noLiquidityHint">
<Trans>
By adding liquidity you&apos;ll earn 0.3% of all trades on this pair proportional to your share of the
pool. Fees are added to the pool, accrue in real time and can be claimed by withdrawing your liquidity.
</Trans>{' '}
......@@ -211,7 +211,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
<Text fontWeight={500} fontSize={20}>
{!currency0 || !currency1 ? (
<Dots>
<Trans id="common.loading">Loading</Trans>
<Trans>Loading</Trans>
</Dots>
) : (
`${currency0.symbol}/${currency1.symbol}`
......@@ -222,12 +222,12 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
<ButtonEmpty padding="6px 8px" borderRadius="12px" width="100%" onClick={() => setShowMore(!showMore)}>
{showMore ? (
<>
<Trans id="pools.buttons.manage">Manage</Trans>
<Trans>Manage</Trans>
<ChevronUp size="20" style={{ marginLeft: '8px', height: '20px', minWidth: '20px' }} />
</>
) : (
<>
<Trans id="pools.buttons.manage">Manage</Trans>
<Trans>Manage</Trans>
<ChevronDown size="20" style={{ marginLeft: '8px', height: '20px', minWidth: '20px' }} />
</>
)}
......@@ -239,7 +239,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
<AutoColumn gap="8px">
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.yourTotalPoolTokens">Your total pool tokens:</Trans>
<Trans>Your total pool tokens:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{userPoolBalance ? userPoolBalance.toSignificant(4) : '-'}
......@@ -248,7 +248,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
{stakedBalance && (
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.poolTokensInRewardsPool">Pool tokens in rewards pool:</Trans>
<Trans>Pool tokens in rewards pool:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{stakedBalance.toSignificant(4)}
......@@ -258,7 +258,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
<FixedHeightRow>
<RowFixed>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.pooledCurrency">Pooled {currency0.symbol}:</Trans>
<Trans>Pooled {currency0.symbol}:</Trans>
</Text>
</RowFixed>
{token0Deposited ? (
......@@ -276,7 +276,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
<FixedHeightRow>
<RowFixed>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.pooledCurrency">Pooled {currency1.symbol}:</Trans>
<Trans>Pooled {currency1.symbol}:</Trans>
</Text>
</RowFixed>
{token1Deposited ? (
......@@ -293,11 +293,11 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
<FixedHeightRow>
<Text fontSize={16} fontWeight={500}>
<Trans id="pool.yourPoolShare">Your pool share:</Trans>
<Trans>Your pool share:</Trans>
</Text>
<Text fontSize={16} fontWeight={500}>
{poolTokenPercentage ? (
<Trans id="numbers.valueWithPercent">
<Trans>
{poolTokenPercentage.toFixed(2) === '0.00' ? '<0.01' : poolTokenPercentage.toFixed(2)} %
</Trans>
) : (
......@@ -311,7 +311,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
style={{ width: '100%', textAlign: 'center' }}
href={`https://v2.info.uniswap.org/account/${account}`}
>
<Trans id="links.viewAccruedFees">
<Trans>
View accrued fees and analytics<span style={{ fontSize: '11px' }}>↗</span>
</Trans>
</ExternalLink>
......@@ -325,7 +325,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
to={`/migrate/v2/${pair.liquidityToken.address}`}
width="32%"
>
<Trans id="pools.buttons.migrate">Migrate</Trans>
<Trans>Migrate</Trans>
</ButtonPrimary>
<ButtonPrimary
padding="8px"
......@@ -334,7 +334,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
to={`/add/v2/${currencyId(currency0)}/${currencyId(currency1)}`}
width="32%"
>
<Trans id="pools.buttons.add">Add</Trans>
<Trans>Add</Trans>
</ButtonPrimary>
<ButtonPrimary
padding="8px"
......@@ -343,7 +343,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
width="32%"
to={`/remove/v2/${currencyId(currency0)}/${currencyId(currency1)}`}
>
<Trans id="butons.remove">Remove</Trans>
<Trans>Remove</Trans>
</ButtonPrimary>
</RowBetween>
)}
......@@ -355,7 +355,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
to={`/uni/${currencyId(currency0)}/${currencyId(currency1)}`}
width="100%"
>
<Trans id="pools.buttons.manageLiquidityInRewardsPool">Manage Liquidity in Rewards Pool</Trans>
<Trans>Manage Liquidity in Rewards Pool</Trans>
</ButtonPrimary>
)}
</AutoColumn>
......
src/components/PositionListItem/index.tsx
View file @ 4fede9df
......@@ -225,7 +225,7 @@ export default function PositionListItem({ positionDetails }: PositionListItemPr
&nbsp;
<Badge>
<BadgeText>
<Trans id="numbers.valueWithPercent">{new Percent(feeAmount, 1_000_000).toSignificant()}%</Trans>
<Trans>{new Percent(feeAmount, 1_000_000).toSignificant()}%</Trans>
</BadgeText>
</Badge>
</PrimaryPositionIdData>
......@@ -236,9 +236,9 @@ export default function PositionListItem({ positionDetails }: PositionListItemPr
<RangeLineItem>
<RangeText>
<ExtentsText>
<Trans id="pools.labels.min">Min: </Trans>
<Trans>Min: </Trans>
</ExtentsText>
<Trans id="currencies.denominatedWithValue">
<Trans>
{formatPrice(priceLower, 5)} <HoverInlineText text={currencyQuote?.symbol} /> per{' '}
<HoverInlineText text={currencyBase?.symbol ?? ''} />
</Trans>
......@@ -251,9 +251,9 @@ export default function PositionListItem({ positionDetails }: PositionListItemPr
</SmallOnly>
<RangeText>
<ExtentsText>
<Trans id="pools.labels.max">Max:</Trans>
<Trans>Max:</Trans>
</ExtentsText>
<Trans id="currencies.denominatedWithValue">
<Trans>
{formatPrice(priceUpper, 5)} <HoverInlineText text={currencyQuote?.symbol} /> per{' '}
<HoverInlineText maxCharacters={10} text={currencyBase?.symbol} />
</Trans>
......
src/components/SearchModal/ImportRow.tsx
View file @ 4fede9df
......@@ -74,7 +74,7 @@ export default function ImportRow({
{list && list.logoURI && (
<RowFixed>
<TYPE.small mr="4px" color={theme.text3}>
<Trans id="tokenLists.via">via {list.name} </Trans>
<Trans>via {list.name} </Trans>
</TYPE.small>
<ListLogo logoURI={list.logoURI} size="12px" />
</RowFixed>
......@@ -91,13 +91,13 @@ export default function ImportRow({
showImportView()
}}
>
<Trans id="tokensLists.buttons.import">Import</Trans>
<Trans>Import</Trans>
</ButtonPrimary>
) : (
<RowFixed style={{ minWidth: 'fit-content' }}>
<CheckIcon />
<TYPE.main color={theme.green1}>
<Trans id="tokenLists.labels.active">Active</Trans>
<Trans>Active</Trans>
</TYPE.main>
</RowFixed>
)}
......
src/components/SearchModal/ManageLists.tsx
View file @ 4fede9df
......@@ -174,7 +174,7 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
</Row>
<RowFixed mt="4px">
<StyledListUrlText active={isActive} mr="6px">
<Trans id="tokenLists.numberOfTokens">{list.tokens.length} tokens</Trans>
<Trans>{list.tokens.length} tokens</Trans>
</StyledListUrlText>
<StyledMenu ref={node as any}>
<ButtonEmpty onClick={toggle} ref={setReferenceElement} padding="0">
......@@ -185,14 +185,14 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
<div>{list && listVersionLabel(list.version)}</div>
<SeparatorDark />
<ExternalLink href={`https://tokenlists.org/token-list?url=${listUrl}`}>
<Trans id="tokenLists.links.viewList">View list</Trans>
<Trans>View list</Trans>
</ExternalLink>
<UnpaddedLinkStyledButton onClick={handleRemoveList} disabled={Object.keys(listsByUrl).length === 1}>
<Trans id="tokenLists.buttons.removeList">Remove list</Trans>
<Trans>Remove list</Trans>
</UnpaddedLinkStyledButton>
{pending && (
<UnpaddedLinkStyledButton onClick={handleAcceptListUpdate}>
<Trans id="tokenLists.buttons.updateLists">Update list</Trans>
<Trans>Update list</Trans>
</UnpaddedLinkStyledButton>
)}
</PopoverContainer>
......@@ -292,15 +292,14 @@ export function ManageLists({
async function fetchTempList() {
fetchList(listUrlInput, false)
.then((list) => setTempList(list))
.catch(() => setAddError(t({ id: 'tokenLists.errors.importingList', message: 'Error importing list' })))
.catch(() => setAddError(t`Error importing list`))
}
// if valid url, fetch details for card
if (validUrl) {
fetchTempList()
} else {
setTempList(undefined)
listUrlInput !== '' &&
setAddError(t({ id: 'tokenList.errors.invalidLocation', message: 'Enter valid list location' }))
listUrlInput !== '' && setAddError(t`Enter valid list location`)
}
// reset error
......@@ -355,7 +354,7 @@ export function ManageLists({
<CheckCircle />
</IconWrapper>
<TYPE.body color={theme.text2}>
<Trans id="common.loaded">Loaded</Trans>
<Trans>Loaded</Trans>
</TYPE.body>
</RowFixed>
) : (
......@@ -365,7 +364,7 @@ export function ManageLists({
width="fit-content"
onClick={handleImport}
>
<Trans id="tokenLists.buttons.import">Import</Trans>
<Trans>Import</Trans>
</ButtonPrimary>
)}
</RowBetween>
......
src/components/SearchModal/ManageTokens.tsx
View file @ 4fede9df
......@@ -112,7 +112,7 @@ export default function ManageTokens({
</Row>
{searchQuery !== '' && !isAddressSearch && (
<TYPE.error error={true}>
<Trans id="tokenLists.input.enterValidAddress">Enter valid token address</Trans>
<Trans>Enter valid token address</Trans>
</TYPE.error>
)}
{searchToken && (
......@@ -136,7 +136,7 @@ export default function ManageTokens({
{userAddedTokens.length > 0 && (
<ButtonText onClick={handleRemoveAll}>
<TYPE.blue>
<Trans id="common.clearAll">Clear all</Trans>
<Trans>Clear all</Trans>
</TYPE.blue>
</ButtonText>
)}
......@@ -146,7 +146,7 @@ export default function ManageTokens({
</Column>
<Footer>
<TYPE.darkGray>
<Trans id="tokenLists.manageHint">Tip: Custom tokens are stored locally in your browser</Trans>
<Trans>Tip: Custom tokens are stored locally in your browser</Trans>
</TYPE.darkGray>
</Footer>
</Wrapper>
......
src/components/TransactionConfirmationModal/index.tsx
View file @ 4fede9df
......@@ -62,7 +62,7 @@ export function ConfirmationPendingContent({
</ConfirmedIcon>
<AutoColumn gap="12px" justify={'center'}>
<Text fontWeight={500} fontSize={20} textAlign="center">
<Trans id="transactions.waitingForConfirmation">Waiting For Confirmation</Trans>
<Trans>Waiting For Confirmation</Trans>
</Text>
<AutoColumn gap="12px" justify={'center'}>
<Text fontWeight={600} fontSize={14} color="" textAlign="center">
......@@ -70,7 +70,7 @@ export function ConfirmationPendingContent({
</Text>
</AutoColumn>
<Text fontSize={12} color="#565A69" textAlign="center" marginBottom={12}>
<Trans id="transactions.confirmInWallet">Confirm this transaction in your wallet</Trans>
<Trans>Confirm this transaction in your wallet</Trans>
</Text>
</AutoColumn>
</AutoColumn>
......@@ -111,12 +111,12 @@ export function TransactionSubmittedContent({
</ConfirmedIcon>
<AutoColumn gap="12px" justify={'center'}>
<Text fontWeight={500} fontSize={20} textAlign="center">
<Trans id="transactions.submitted">Transaction Submitted</Trans>
<Trans>Transaction Submitted</Trans>
</Text>
{chainId && hash && (
<ExternalLink href={getExplorerLink(chainId, hash, ExplorerDataType.TRANSACTION)}>
<Text fontWeight={500} fontSize={14} color={theme.primary1}>
<Trans id="wallet.viewOnEtherscan">View on Etherscan</Trans>
<Trans>View on Etherscan</Trans>
</Text>
</ExternalLink>
)}
......@@ -124,13 +124,13 @@ export function TransactionSubmittedContent({
<ButtonLight mt="12px" padding="6px 12px" width="fit-content" onClick={addToken}>
{!success ? (
<RowFixed>
<Trans id="wallet.addTokenToMetamask">
<Trans>
Add {currencyToAdd.symbol} to Metamask <StyledLogo src={MetaMaskLogo} />
</Trans>
</RowFixed>
) : (
<RowFixed>
<Trans id="wallet.addedTokenToMetamask">Added {currencyToAdd.symbol} </Trans>
<Trans>Added {currencyToAdd.symbol} </Trans>
<CheckCircle size={'16px'} stroke={theme.green1} style={{ marginLeft: '6px' }} />
</RowFixed>
)}
......@@ -138,7 +138,7 @@ export function TransactionSubmittedContent({
)}
<ButtonPrimary onClick={onDismiss} style={{ margin: '20px 0 0 0' }}>
<Text fontWeight={500} fontSize={20}>
{inline ? <Trans id="common.return">Return</Trans> : <Trans id="common.close">Close</Trans>}
{inline ? <Trans>Return</Trans> : <Trans>Close</Trans>}
</Text>
</ButtonPrimary>
</AutoColumn>
......@@ -199,7 +199,7 @@ export function TransactionErrorContent({ message, onDismiss }: { message: strin
</Section>
<BottomSection gap="12px">
<ButtonPrimary onClick={onDismiss}>
<Trans id="common.dismiss">Dismiss</Trans>
<Trans>Dismiss</Trans>
</ButtonPrimary>
</BottomSection>
</Wrapper>
......
src/components/WalletModal/PendingView.tsx
View file @ 4fede9df
......@@ -84,7 +84,7 @@ export default function PendingView({
{error ? (
<ErrorGroup>
<div>
<Trans id="error.connecting">Error connecting</Trans>
<Trans>Error connecting</Trans>
</div>
<ErrorButton
onClick={() => {
......@@ -92,13 +92,13 @@ export default function PendingView({
connector && tryActivation(connector)
}}
>
<Trans id="error.tryAgain">Try Again</Trans>
<Trans>Try Again</Trans>
</ErrorButton>
</ErrorGroup>
) : (
<>
<StyledLoader />
<Trans id="wallet.initializing">Initializing...</Trans>
<Trans>Initializing...</Trans>
</>
)}
</LoadingWrapper>
......
src/components/WalletModal/index.tsx
View file @ 4fede9df
......@@ -240,7 +240,7 @@ export default function WalletModal({
id={`connect-${key}`}
key={key}
color={'#E8831D'}
header={t({ id: 'wallet.installMetamask', message: 'Install Metamask' })}
header={t`Install Metamask`}
subheader={null}
link={'https://metamask.io/'}
icon={MetamaskIcon}
......@@ -292,19 +292,15 @@ export default function WalletModal({
<CloseColor />
</CloseIcon>
<HeaderRow>
{error instanceof UnsupportedChainIdError ? (
<Trans id="error.wrongNetwork">Wrong Network</Trans>
) : (
<Trans id="error.connecting">Error connecting</Trans>
)}
{error instanceof UnsupportedChainIdError ? <Trans>Wrong Network</Trans> : <Trans>Error connecting</Trans>}
</HeaderRow>
<ContentWrapper>
{error instanceof UnsupportedChainIdError ? (
<h5>
<Trans id="wallet.connectToNetwork">Please connect to the appropriate Ethereum network.</Trans>
<Trans>Please connect to the appropriate Ethereum network.</Trans>
</h5>
) : (
<Trans id="error.connectingTryRefreshing">Error connecting. Try refreshing the page.</Trans>
<Trans>Error connecting. Try refreshing the page.</Trans>
)}
</ContentWrapper>
</UpperSection>
......@@ -334,13 +330,13 @@ export default function WalletModal({
setWalletView(WALLET_VIEWS.ACCOUNT)
}}
>
<Trans id="common.back">Back</Trans>
<Trans>Back</Trans>
</HoverText>
</HeaderRow>
) : (
<HeaderRow>
<HoverText>
<Trans id="wallet.connectLongForm">Connect to a wallet</Trans>
<Trans>Connect to a wallet</Trans>
</HoverText>
</HeaderRow>
)}
......@@ -349,7 +345,7 @@ export default function WalletModal({
<LightCard style={{ marginBottom: '16px' }}>
<AutoRow style={{ flexWrap: 'nowrap' }}>
<TYPE.main fontSize={14}>
<Trans id="wallet.connectAcknowledgement">
<Trans>
By connecting a wallet, you agree to Uniswap Labs’{' '}
<ExternalLink href="https://uniswap.org/terms-of-service/">Terms of Service</ExternalLink> and
acknowledge that you have read and understand the{' '}
......
src/components/claim/AddressClaimModal.tsx
View file @ 4fede9df
......@@ -105,21 +105,19 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
<CardSection gap="md">
<RowBetween>
<TYPE.white fontWeight={500}>
<Trans id="claim.buttons.claimUNIToken">Claim UNI Token</Trans>
<Trans>Claim UNI Token</Trans>
</TYPE.white>
<CloseIcon onClick={wrappedOnDismiss} style={{ zIndex: 99 }} stroke="white" />
</RowBetween>
<TYPE.white fontWeight={700} fontSize={36}>
<Trans id="claim.labels.tokenAmount">
{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI
</Trans>
<Trans>{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI</Trans>
</TYPE.white>
</CardSection>
<Break />
</ModalUpper>
<AutoColumn gap="md" style={{ padding: '1rem', paddingTop: '0' }} justify="center">
<TYPE.subHeader fontWeight={500}>
<Trans id="claim.labels.enterAddress">
<Trans>
Enter an address to trigger a UNI claim. If the address has any claimable UNI it will be sent to them on
submission.
</Trans>
......@@ -127,7 +125,7 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
<AddressInputPanel value={typed} onChange={handleRecipientType} />
{parsedAddress && !hasAvailableClaim && (
<TYPE.error error={true}>
<Trans id="claim.noAvailableClaim">Address has no available claim</Trans>
<Trans>Address has no available claim</Trans>
</TYPE.error>
)}
<ButtonPrimary
......@@ -138,7 +136,7 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
mt="1rem"
onClick={onClaim}
>
<Trans id="claim.buttons.claimUNI">Claim UNI</Trans>
<Trans>Claim UNI</Trans>
</ButtonPrimary>
</AutoColumn>
</ContentWrapper>
......@@ -161,22 +159,16 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
<AutoColumn gap="100px" justify={'center'}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader fontWeight={600} color="black">
{claimConfirmed ? (
<Trans id="claim.label.statusClaimed">Claimed</Trans>
) : (
<Trans id="claim.label.statusClaiming">Claiming</Trans>
)}
{claimConfirmed ? <Trans>Claimed</Trans> : <Trans>Claiming</Trans>}
</TYPE.largeHeader>
{!claimConfirmed && (
<Text fontSize={36} color={'#ff007a'} fontWeight={800}>
<Trans id="claim.labels.tokenAmount">
{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI
</Trans>
<Trans>{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI</Trans>
</Text>
)}
{parsedAddress && (
<TYPE.largeHeader fontWeight={600} color="black">
<Trans id="claim.labels.address">for {shortenAddress(parsedAddress)}</Trans>
<Trans>for {shortenAddress(parsedAddress)}</Trans>
</TYPE.largeHeader>
)}
</AutoColumn>
......@@ -186,7 +178,7 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
<span role="img" aria-label="party-hat">
🎉{' '}
</span>
<Trans id="claim.labels.welcome">Welcome to team Unicorn :) </Trans>
<Trans>Welcome to team Unicorn :) </Trans>
<span role="img" aria-label="party-hat">
🎉
</span>
......@@ -195,12 +187,12 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
)}
{attempting && !hash && (
<TYPE.subHeader color="black">
<Trans id="wallet.confirmTransaction">Confirm this transaction in your wallet</Trans>
<Trans>Confirm this transaction in your wallet</Trans>
</TYPE.subHeader>
)}
{attempting && hash && !claimConfirmed && chainId && hash && (
<ExternalLink href={getExplorerLink(chainId, hash, ExplorerDataType.TRANSACTION)} style={{ zIndex: 99 }}>
<Trans id="transaction.viewOnEherscan">View transaction on Etherscan</Trans>
<Trans>View transaction on Etherscan</Trans>
</ExternalLink>
)}
</AutoColumn>
......
src/components/claim/ClaimModal.tsx
View file @ 4fede9df
......@@ -101,14 +101,12 @@ export default function ClaimModal() {
<CardSection gap="md">
<RowBetween>
<TYPE.white fontWeight={500}>
<Trans id="claim.buttons.claimUNI">Claim UNI</Trans>
<Trans>Claim UNI</Trans>
</TYPE.white>
<CloseIcon onClick={toggleClaimModal} style={{ zIndex: 99 }} color="white" />
</RowBetween>
<TYPE.white fontWeight={700} fontSize={36}>
<Trans id="claim.labels.tokenAmount">
{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI
</Trans>
<Trans>{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI</Trans>
</TYPE.white>
</CardSection>
<Break />
......@@ -117,7 +115,7 @@ export default function ClaimModal() {
<RowBetween>
<TYPE.subHeader color="white">SOCKS</TYPE.subHeader>
<TYPE.subHeader color="white">
<Trans id="claim.labels.socksAmount">{SOCKS_AMOUNT} UNI</Trans>
<Trans>{SOCKS_AMOUNT} UNI</Trans>
</TYPE.subHeader>
</RowBetween>
)}
......@@ -126,10 +124,10 @@ export default function ClaimModal() {
JSBI.greaterThanOrEqual(unclaimedAmount.quotient, nonLPAmount) && (
<RowBetween>
<TYPE.subHeader color="white">
<Trans id="common.liquidity">Liquidity</Trans>
<Trans>Liquidity</Trans>
</TYPE.subHeader>
<TYPE.subHeader color="white">
<Trans id="claim.labels.tokenAmount">
<Trans>
{unclaimedAmount
.subtract(CurrencyAmount.fromRawAmount(unclaimedAmount.currency, nonLPAmount))
.toFixed(0, { groupSeparator: ',' })}{' '}
......@@ -141,10 +139,10 @@ export default function ClaimModal() {
{userClaimData?.flags?.isUser && (
<RowBetween>
<TYPE.subHeader color="white">
<Trans id="common.user">User</Trans>
<Trans>User</Trans>
</TYPE.subHeader>
<TYPE.subHeader color="white">
<Trans id="claim.userAmount">{USER_AMOUNT} UNI</Trans>
<Trans>{USER_AMOUNT} UNI</Trans>
</TYPE.subHeader>
</RowBetween>
)}
......@@ -152,7 +150,7 @@ export default function ClaimModal() {
</ModalUpper>
<AutoColumn gap="md" style={{ padding: '1rem', paddingTop: '0' }} justify="center">
<TYPE.subHeader fontWeight={500}>
<Trans id="claim.hints.uniswapCommunityMember">
<Trans>
As a member of the Uniswap community you may claim UNI to be used for voting and governance.
<br />
<br />
......@@ -167,7 +165,7 @@ export default function ClaimModal() {
mt="1rem"
onClick={onClaim}
>
<Trans id="claim.buttons.claimUNI">Claim UNI</Trans>
<Trans>Claim UNI</Trans>
</ButtonPrimary>
</AutoColumn>
</ContentWrapper>
......@@ -194,16 +192,14 @@ export default function ClaimModal() {
</TYPE.largeHeader>
{!claimConfirmed && (
<Text fontSize={36} color={'#ff007a'} fontWeight={800}>
<Trans id="claim.labels.tokenAmount">
{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI
</Trans>
<Trans>{unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} UNI</Trans>
</Text>
)}
</AutoColumn>
{claimConfirmed && (
<>
<TYPE.subHeader fontWeight={500} color="black">
<Trans id="claim.labels.welcome">
<Trans>
<span role="img" aria-label="party-hat">
🎉{' '}
</span>
......@@ -217,7 +213,7 @@ export default function ClaimModal() {
)}
{attempting && !claimSubmitted && (
<TYPE.subHeader color="black">
<Trans id="claim.labels.confirmTransactionInWallet">Confirm this transaction in your wallet</Trans>
<Trans>Confirm this transaction in your wallet</Trans>
</TYPE.subHeader>
)}
{attempting && claimSubmitted && !claimConfirmed && chainId && claimTxn?.hash && (
......@@ -225,7 +221,7 @@ export default function ClaimModal() {
href={getExplorerLink(chainId, claimTxn?.hash, ExplorerDataType.TRANSACTION)}
style={{ zIndex: 99 }}
>
<Trans id="transaction.viewOnEherscan">View transaction on Etherscan</Trans>
<Trans>View transaction on Etherscan</Trans>
</ExternalLink>
)}
</AutoColumn>
......
src/components/earn/ClaimRewardModal.tsx
View file @ 4fede9df
......@@ -46,12 +46,7 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
await stakingContract
.getReward({ gasLimit: 350000 })
.then((response: TransactionResponse) => {
addTransaction(response, {
summary: t({
id: 'transactions.summary.claimAccumulatedUNIRewards',
message: 'Claim accumulated UNI rewards',
}),
})
addTransaction(response, { summary: t`Claim accumulated UNI rewards` })
setHash(response.hash)
})
.catch((error: any) => {
......@@ -63,10 +58,10 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
let error: string | undefined
if (!account) {
error = t({ id: 'wallet.connect' })
error = t`Connect wallet`
}
if (!stakingInfo?.stakedAmount) {
error = error ?? t({ id: 'earn.enterAmountError', message: 'Enter an amount' })
error = error ?? t`Enter an amount`
}
return (
......@@ -75,7 +70,7 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
<ContentWrapper gap="lg">
<RowBetween>
<TYPE.mediumHeader>
<Trans id="earn.claim.label">Claim</Trans>
<Trans>Claim</Trans>
</TYPE.mediumHeader>
<CloseIcon onClick={wrappedOnDismiss} />
</RowBetween>
......@@ -85,17 +80,15 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
{stakingInfo?.earnedAmount?.toSignificant(6)}
</TYPE.body>
<TYPE.body>
<Trans id="earn.claim.unclaimedUNI">Unclaimed UNI</Trans>
<Trans>Unclaimed UNI</Trans>
</TYPE.body>
</AutoColumn>
)}
<TYPE.subHeader style={{ textAlign: 'center' }}>
<Trans id="earn.claim.withoutWithdrawingHint">
When you claim without withdrawing your liquidity remains in the mining pool.
</Trans>
<Trans>When you claim without withdrawing your liquidity remains in the mining pool.</Trans>
</TYPE.subHeader>
<ButtonError disabled={!!error} error={!!error && !!stakingInfo?.stakedAmount} onClick={onClaimReward}>
{error ?? <Trans id="earn.claim.label">Claim</Trans>}
{error ?? <Trans>Claim</Trans>}
</ButtonError>
</ContentWrapper>
)}
......@@ -103,7 +96,7 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
<LoadingView onDismiss={wrappedOnDismiss}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.body fontSize={20}>
<Trans id="claim.labels.claimingAmount">Claiming {stakingInfo?.earnedAmount?.toSignificant(6)} UNI</Trans>
<Trans>Claiming {stakingInfo?.earnedAmount?.toSignificant(6)} UNI</Trans>
</TYPE.body>
</AutoColumn>
</LoadingView>
......@@ -112,10 +105,10 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
<SubmittedView onDismiss={wrappedOnDismiss} hash={hash}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="transactions.submitted">Transaction Submitted</Trans>
<Trans>Transaction Submitted</Trans>
</TYPE.largeHeader>
<TYPE.body fontSize={20}>
<Trans id="earn.claim.claimedUNI">Claimed UNI!</Trans>
<Trans>Claimed UNI!</Trans>
</TYPE.body>
</AutoColumn>
</SubmittedView>
......
src/components/earn/PoolCard.tsx
View file @ 4fede9df
......@@ -121,7 +121,7 @@ export default function PoolCard({ stakingInfo }: { stakingInfo: StakingInfo })
<StyledInternalLink to={`/uni/${currencyId(currency0)}/${currencyId(currency1)}`} style={{ width: '100%' }}>
<ButtonPrimary padding="8px" borderRadius="8px">
{isStaking ? <Trans id="earn.pool.manage">Manage</Trans> : <Trans id="earn.pool.deposit">Deposit</Trans>}
{isStaking ? <Trans>Manage</Trans> : <Trans>Deposit</Trans>}
</ButtonPrimary>
</StyledInternalLink>
</TopSection>
......@@ -129,33 +129,29 @@ export default function PoolCard({ stakingInfo }: { stakingInfo: StakingInfo })
<StatContainer>
<RowBetween>
<TYPE.white>
<Trans id="earn.pool.totalDeposited">Total deposited</Trans>
<Trans>Total deposited</Trans>
</TYPE.white>
<TYPE.white>
{valueOfTotalStakedAmountInUSDC ? (
<Trans id="earn.pool.valueInUSDC">
${valueOfTotalStakedAmountInUSDC.toFixed(0, { groupSeparator: ',' })}
</Trans>
<Trans>${valueOfTotalStakedAmountInUSDC.toFixed(0, { groupSeparator: ',' })}</Trans>
) : (
<Trans id="earn.pool.valueInETH">
${valueOfTotalStakedAmountInWETH?.toSignificant(4, { groupSeparator: ',' }) ?? '-'} ETH
</Trans>
<Trans>${valueOfTotalStakedAmountInWETH?.toSignificant(4, { groupSeparator: ',' }) ?? '-'} ETH</Trans>
)}
</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white>
<Trans id="earn.pool.rate">Pool rate</Trans>
<Trans>Pool rate</Trans>
</TYPE.white>
<TYPE.white>
{stakingInfo ? (
stakingInfo.active ? (
<Trans id="earn.pool.rewardRate">
<Trans>
{stakingInfo.totalRewardRate?.multiply(BIG_INT_SECONDS_IN_WEEK)?.toFixed(0, { groupSeparator: ',' })}{' '}
UNI / week
</Trans>
) : (
<Trans id="earn.pool.noRewardRate">0 UNI / week</Trans>
<Trans>0 UNI / week</Trans>
)
) : (
'-'
......@@ -170,7 +166,7 @@ export default function PoolCard({ stakingInfo }: { stakingInfo: StakingInfo })
<BottomSection showBackground={true}>
<TYPE.black color={'white'} fontWeight={500}>
<span>
<Trans id="earn.pool.yourRate">Your rate</Trans>
<Trans>Your rate</Trans>
</span>
</TYPE.black>
......@@ -180,14 +176,14 @@ export default function PoolCard({ stakingInfo }: { stakingInfo: StakingInfo })
</span>
{stakingInfo ? (
stakingInfo.active ? (
<Trans id="earn.pool.rewardRate">
<Trans>
{stakingInfo.rewardRate
?.multiply(BIG_INT_SECONDS_IN_WEEK)
?.toSignificant(4, { groupSeparator: ',' })}{' '}
UNI / week
</Trans>
) : (
<Trans id="earn.pool.noRewardRate">0 UNI / week</Trans>
<Trans>0 UNI / week</Trans>
)
) : (
'-'
......
src/components/earn/StakingModal.tsx
View file @ 4fede9df
......@@ -104,7 +104,7 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
)
.then((response: TransactionResponse) => {
addTransaction(response, {
summary: t({ id: 'transactions.summary.depositLiquidity', message: 'Deposit liquidity' }),
summary: t`Deposit liquidity`,
})
setHash(response.hash)
})
......@@ -155,7 +155,7 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
<ContentWrapper gap="lg">
<RowBetween>
<TYPE.mediumHeader>
<Trans id="common.deposit">Deposit</Trans>
<Trans>Deposit</Trans>
</TYPE.mediumHeader>
<CloseIcon onClick={wrappedOnDismiss} />
</RowBetween>
......@@ -167,19 +167,19 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
currency={stakingInfo.stakedAmount.currency}
pair={dummyPair}
label={''}
customBalanceText={t({ id: 'earn.customBalanceText', message: 'Available to deposit: ' })}
customBalanceText={t`Available to deposit:`}
id="stake-liquidity-token"
/>
<HypotheticalRewardRate dim={!hypotheticalRewardRate.greaterThan('0')}>
<div>
<TYPE.black fontWeight={600}>
<Trans id="earn.weeklyRewardsHeading">Weekly Rewards</Trans>
<Trans>Weekly Rewards</Trans>
</TYPE.black>
</div>
<TYPE.black>
<Trans id="earn.pool.rewardRate">
<Trans>
{hypotheticalRewardRate
.multiply((60 * 60 * 24 * 7).toString())
.toSignificant(4, { groupSeparator: ',' })}{' '}
......@@ -195,14 +195,14 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
confirmed={approval === ApprovalState.APPROVED || signatureData !== null}
disabled={approval !== ApprovalState.NOT_APPROVED || signatureData !== null}
>
<Trans id="common.approve">Approve</Trans>
<Trans>Approve</Trans>
</ButtonConfirmed>
<ButtonError
disabled={!!error || (signatureData === null && approval !== ApprovalState.APPROVED)}
error={!!error && !!parsedAmount}
onClick={onStake}
>
{error ?? <Trans id="common.deposit">Deposit</Trans>}
{error ?? <Trans>Deposit</Trans>}
</ButtonError>
</RowBetween>
<ProgressCircles steps={[approval === ApprovalState.APPROVED || signatureData !== null]} disabled={true} />
......@@ -212,10 +212,10 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
<LoadingView onDismiss={wrappedOnDismiss}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="common.depositingLiquidity">Depositing Liquidity</Trans>
<Trans>Depositing Liquidity</Trans>
</TYPE.largeHeader>
<TYPE.body fontSize={20}>
<Trans id="currencies.amountUNIV2">{parsedAmount?.toSignificant(4)} UNI-V2</Trans>
<Trans>{parsedAmount?.toSignificant(4)} UNI-V2</Trans>
</TYPE.body>
</AutoColumn>
</LoadingView>
......@@ -224,10 +224,10 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
<SubmittedView onDismiss={wrappedOnDismiss} hash={hash}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="transactions.submitted">Transaction Submitted</Trans>
<Trans>Transaction Submitted</Trans>
</TYPE.largeHeader>
<TYPE.body fontSize={20}>
<Trans id="currencies.depositedUNIV2">Deposited {parsedAmount?.toSignificant(4)} UNI-V2</Trans>
<Trans>Deposited {parsedAmount?.toSignificant(4)} UNI-V2</Trans>
</TYPE.body>
</AutoColumn>
</SubmittedView>
......
src/components/earn/UnstakingModal.tsx
View file @ 4fede9df
......@@ -48,10 +48,7 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
.exit({ gasLimit: 300000 })
.then((response: TransactionResponse) => {
addTransaction(response, {
summary: t({
id: 'transactions.summary.withdrawDepositedLiquidity',
message: 'Withdraw deposited liquidity',
}),
summary: t`Withdraw deposited liquidity`,
})
setHash(response.hash)
})
......@@ -64,10 +61,10 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
let error: string | undefined
if (!account) {
error = t({ id: 'wallet.connect', message: 'Connect a wallet' })
error = t`Connect a wallet`
}
if (!stakingInfo?.stakedAmount) {
error = error ?? t({ id: 'earn.enterAnAmountError', message: 'Enter an amount' })
error = error ?? t`Enter an amount`
}
return (
......@@ -76,7 +73,7 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
<ContentWrapper gap="lg">
<RowBetween>
<TYPE.mediumHeader>
<Trans id="earn.unstake.withdraw">Withdraw</Trans>
<Trans>Withdraw</Trans>
</TYPE.mediumHeader>
<CloseIcon onClick={wrappedOndismiss} />
</RowBetween>
......@@ -86,7 +83,7 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
{<FormattedCurrencyAmount currencyAmount={stakingInfo.stakedAmount} />}
</TYPE.body>
<TYPE.body>
<Trans id="earn.unstake.depositedLiquidity">Deposited liquidity:</Trans>
<Trans>Deposited liquidity:</Trans>
</TYPE.body>
</AutoColumn>
)}
......@@ -96,17 +93,15 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
{<FormattedCurrencyAmount currencyAmount={stakingInfo?.earnedAmount} />}
</TYPE.body>
<TYPE.body>
<Trans id="earn.claim.unclaimedUNI">Unclaimed UNI</Trans>
<Trans>Unclaimed UNI</Trans>
</TYPE.body>
</AutoColumn>
)}
<TYPE.subHeader style={{ textAlign: 'center' }}>
<Trans id="earn.unstake.hint">
When you withdraw, your UNI is claimed and your liquidity is removed from the mining pool.
</Trans>
<Trans>When you withdraw, your UNI is claimed and your liquidity is removed from the mining pool.</Trans>
</TYPE.subHeader>
<ButtonError disabled={!!error} error={!!error && !!stakingInfo?.stakedAmount} onClick={onWithdraw}>
{error ?? <Trans id="earn.unstake.withdrawAndClaim">Withdraw & Claim</Trans>}
{error ?? <Trans>Withdraw & Claim</Trans>}
</ButtonError>
</ContentWrapper>
)}
......@@ -114,12 +109,10 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
<LoadingView onDismiss={wrappedOndismiss}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.body fontSize={20}>
<Trans id="earn.labels.withdrawingUNIV2">
Withdrawing {stakingInfo?.stakedAmount?.toSignificant(4)} UNI-V2
</Trans>
<Trans>Withdrawing {stakingInfo?.stakedAmount?.toSignificant(4)} UNI-V2</Trans>
</TYPE.body>
<TYPE.body fontSize={20}>
<Trans id="earn.labels.claimingUNI">Claiming {stakingInfo?.earnedAmount?.toSignificant(4)} UNI</Trans>
<Trans>Claiming {stakingInfo?.earnedAmount?.toSignificant(4)} UNI</Trans>
</TYPE.body>
</AutoColumn>
</LoadingView>
......@@ -128,13 +121,13 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
<SubmittedView onDismiss={wrappedOndismiss} hash={hash}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="transaction.submitted">Transaction Submitted</Trans>
<Trans>Transaction Submitted</Trans>
</TYPE.largeHeader>
<TYPE.body fontSize={20}>
<Trans id="earn.labels.withdrewUNIV2">Withdrew UNI-V2!</Trans>
<Trans>Withdrew UNI-V2!</Trans>
</TYPE.body>
<TYPE.body fontSize={20}>
<Trans id="earn.labels.claimedUNI">Claimed UNI!</Trans>
<Trans>Claimed UNI!</Trans>
</TYPE.body>
</AutoColumn>
</SubmittedView>
......
src/components/swap/SwapModalHeader.tsx
View file @ 4fede9df
......@@ -65,7 +65,7 @@ export default function SwapModalHeader({
<AutoColumn gap={'8px'}>
<RowBetween>
<TYPE.body color={theme.text3} fontWeight={500} fontSize={14}>
<Trans id="swap.fromCurrency">From</Trans>
<Trans>From</Trans>
</TYPE.body>
<FiatValue fiatValue={fiatValueInput} />
</RowBetween>
......@@ -95,7 +95,7 @@ export default function SwapModalHeader({
<AutoColumn gap={'8px'}>
<RowBetween>
<TYPE.body color={theme.text3} fontWeight={500} fontSize={14}>
<Trans id="swap.toCurrency">To</Trans>
<Trans>To</Trans>
</TYPE.body>
<TYPE.body fontSize={14} color={theme.text3}>
<FiatValue
......@@ -136,14 +136,14 @@ export default function SwapModalHeader({
<RowFixed>
<AlertTriangle size={20} style={{ marginRight: '8px', minWidth: 24 }} />
<TYPE.main color={theme.primary1}>
<Trans id="swap.priceUpdated">Price Updated</Trans>
<Trans>Price Updated</Trans>
</TYPE.main>
</RowFixed>
<ButtonPrimary
style={{ padding: '.5rem', width: 'fit-content', fontSize: '0.825rem', borderRadius: '12px' }}
onClick={onAcceptChanges}
>
<Trans id="common.accept">Accept</Trans>
<Trans>Accept</Trans>
</ButtonPrimary>
</RowBetween>
</SwapShowAcceptChanges>
......@@ -152,7 +152,7 @@ export default function SwapModalHeader({
<AutoColumn justify="flex-start" gap="sm" style={{ padding: '.75rem 1rem' }}>
{trade.tradeType === TradeType.EXACT_INPUT ? (
<TYPE.italic fontWeight={400} textAlign="left" style={{ width: '100%' }}>
<Trans id="swap.outputEstimatedHint">
<Trans>
Output is estimated. You will receive at least{' '}
<b>
{trade.minimumAmountOut(allowedSlippage).toSignificant(6)} {trade.outputAmount.currency.symbol}
......@@ -162,7 +162,7 @@ export default function SwapModalHeader({
</TYPE.italic>
) : (
<TYPE.italic fontWeight={400} textAlign="left" style={{ width: '100%' }}>
<Trans id="swap.inputEstimated.hint">
<Trans>
Input is estimated. You will sell at most{' '}
<b>
{trade.maximumAmountIn(allowedSlippage).toSignificant(6)} {trade.inputAmount.currency.symbol}
......@@ -175,7 +175,7 @@ export default function SwapModalHeader({
{recipient !== null ? (
<AutoColumn justify="flex-start" gap="sm" style={{ padding: '12px 0 0 0px' }}>
<TYPE.main>
<Trans id="swap.outputRecipient">
<Trans>
Output will be sent to{' '}
<b title={recipient}>{isAddress(recipient) ? shortenAddress(recipient) : recipient}</b>
</Trans>
......
src/components/swap/UnsupportedCurrencyFooter.tsx
View file @ 4fede9df
......@@ -64,7 +64,7 @@ export default function UnsupportedCurrencyFooter({
<AutoColumn gap="lg">
<RowBetween>
<TYPE.mediumHeader>
<Trans id="errors.unsuportedAssets">Unsupported Assets</Trans>
<Trans>Unsupported Assets</Trans>
</TYPE.mediumHeader>
<CloseIcon onClick={() => setShowDetails(false)} />
</RowBetween>
......@@ -91,7 +91,7 @@ export default function UnsupportedCurrencyFooter({
})}
<AutoColumn gap="lg">
<TYPE.body fontWeight={500}>
<Trans id="swap.unsupportedAssetsHint">
<Trans>
Some assets are not available through this interface because they may not work well with the smart
contracts or we are unable to allow trading for legal reasons.
</Trans>
......@@ -102,7 +102,7 @@ export default function UnsupportedCurrencyFooter({
</Modal>
<ButtonEmpty padding={'0'} onClick={() => setShowDetails(true)}>
<TYPE.blue>
<Trans id="swap.buttons.readMoreUnsupportedAssets">Read more about unsupported assets</Trans>
<Trans>Read more about unsupported assets</Trans>
</TYPE.blue>
</ButtonEmpty>
</DetailsFooter>
......
src/components/vote/DelegateModal.tsx
View file @ 4fede9df
......@@ -99,31 +99,19 @@ export default function DelegateModal({ isOpen, onDismiss, title }: VoteModalPro
<StyledClosed stroke="black" onClick={wrappedOndismiss} />
</RowBetween>
<TYPE.body>
<Trans id="vote.delegate.hint1">Earned UNI tokens represent voting shares in Uniswap governance.</Trans>
<Trans>Earned UNI tokens represent voting shares in Uniswap governance.</Trans>
</TYPE.body>
<TYPE.body>
<Trans id="vote.delegate.hint2">
You can either vote on each proposal yourself or delegate your votes to a third party.
</Trans>
<Trans>You can either vote on each proposal yourself or delegate your votes to a third party.</Trans>
</TYPE.body>
{usingDelegate && <AddressInputPanel value={typed} onChange={handleRecipientType} />}
<ButtonPrimary disabled={!isAddress(parsedAddress ?? '')} onClick={onDelegate}>
<TYPE.mediumHeader color="white">
{usingDelegate ? (
<Trans id="vote.delegate.delegateVotes">Delegate Votes</Trans>
) : (
<Trans id="vote.delegate.selfDelegate">Self Delegate</Trans>
)}
{usingDelegate ? <Trans>Delegate Votes</Trans> : <Trans>Self Delegate</Trans>}
</TYPE.mediumHeader>
</ButtonPrimary>
<TextButton onClick={() => setUsingDelegate(!usingDelegate)}>
<TYPE.blue>
{usingDelegate ? (
<Trans id="common.remove">Remove Delegate</Trans>
) : (
<Trans id="common.add">Add Delegate +</Trans>
)}
</TYPE.blue>
<TYPE.blue>{usingDelegate ? <Trans>Remove Delegate</Trans> : <Trans>Add Delegate +</Trans>}</TYPE.blue>
</TextButton>
</AutoColumn>
</ContentWrapper>
......@@ -132,11 +120,7 @@ export default function DelegateModal({ isOpen, onDismiss, title }: VoteModalPro
<LoadingView onDismiss={wrappedOndismiss}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
{usingDelegate ? (
<Trans id="vote.delegate.delegatingVotes">Delegating votes</Trans>
) : (
<Trans id="vote.delegates.unlockingVotes">Unlocking Votes</Trans>
)}
{usingDelegate ? <Trans>Delegating votes</Trans> : <Trans>Unlocking Votes</Trans>}
</TYPE.largeHeader>
<TYPE.main fontSize={36}> {formatTokenAmount(uniBalance, 4)}</TYPE.main>
</AutoColumn>
......@@ -146,7 +130,7 @@ export default function DelegateModal({ isOpen, onDismiss, title }: VoteModalPro
<SubmittedView onDismiss={wrappedOndismiss} hash={hash}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="transactions.submitted">Transaction Submitted</Trans>
<Trans>Transaction Submitted</Trans>
</TYPE.largeHeader>
<TYPE.main fontSize={36}>{formatTokenAmount(uniBalance, 4)}</TYPE.main>
</AutoColumn>
......
src/components/vote/VoteModal.tsx
View file @ 4fede9df
......@@ -91,22 +91,22 @@ export default function VoteModal({ isOpen, onDismiss, proposalId, support }: Vo
<RowBetween>
<TYPE.mediumHeader fontWeight={500}>
{support ? (
<Trans id="vote.support.for">Vote for proposal {proposalId}</Trans>
<Trans>Vote for proposal {proposalId}</Trans>
) : (
<Trans id="vote.support.against">Vote against proposal {proposalId}</Trans>
<Trans>Vote against proposal {proposalId}</Trans>
)}
</TYPE.mediumHeader>
<StyledClosed stroke="black" onClick={wrappedOndismiss} />
</RowBetween>
<TYPE.largeHeader>
<Trans id="vote.numVotes">{formatTokenAmount(availableVotes, 4)} Votes</Trans>
<Trans>{formatTokenAmount(availableVotes, 4)} Votes</Trans>
</TYPE.largeHeader>
<ButtonPrimary onClick={onVote}>
<TYPE.mediumHeader color="white">
{support ? (
<Trans id="vote.support.for">Vote for proposal {proposalId}</Trans>
<Trans>Vote for proposal {proposalId}</Trans>
) : (
<Trans id="vote.support.against">Vote against proposal {proposalId}</Trans>
<Trans>Vote against proposal {proposalId}</Trans>
)}
</TYPE.mediumHeader>
</ButtonPrimary>
......@@ -125,11 +125,11 @@ export default function VoteModal({ isOpen, onDismiss, proposalId, support }: Vo
<AutoColumn gap="100px" justify={'center'}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="vote.submitting">Submitting Vote</Trans>
<Trans>Submitting Vote</Trans>
</TYPE.largeHeader>
</AutoColumn>
<TYPE.subHeader>
<Trans id="vote.confirmInWallet">Confirm this transaction in your wallet</Trans>
<Trans>Confirm this transaction in your wallet</Trans>
</TYPE.subHeader>
</AutoColumn>
</ConfirmOrLoadingWrapper>
......@@ -146,7 +146,7 @@ export default function VoteModal({ isOpen, onDismiss, proposalId, support }: Vo
<AutoColumn gap="100px" justify={'center'}>
<AutoColumn gap="12px" justify={'center'}>
<TYPE.largeHeader>
<Trans id="transactions.submitted">Transaction Submitted</Trans>
<Trans>Transaction Submitted</Trans>
</TYPE.largeHeader>
</AutoColumn>
{chainId && (
......@@ -155,7 +155,7 @@ export default function VoteModal({ isOpen, onDismiss, proposalId, support }: Vo
style={{ marginLeft: '4px' }}
>
<TYPE.subHeader>
<Trans id="wallet.viewOnEtherscan">View transaction on Etherscan</Trans>
<Trans>View transaction on Etherscan</Trans>
</TYPE.subHeader>
</ExternalLink>
)}
......
src/locales/de.po
View file @ 4fede9df
This diff is collapsed.
src/locales/en.po
View file @ 4fede9df
This diff is collapsed.
src/locales/es-AR.po
View file @ 4fede9df
This diff is collapsed.
src/locales/es-US.po
View file @ 4fede9df
This diff is collapsed.
src/locales/it-IT.po
View file @ 4fede9df
This diff is collapsed.
src/locales/iw.po
View file @ 4fede9df
This diff is collapsed.
src/locales/pseudo-en.po
View file @ 4fede9df
This diff is collapsed.
src/locales/ro.po
View file @ 4fede9df
This diff is collapsed.
src/locales/ru.po
View file @ 4fede9df
This diff is collapsed.
src/locales/vi.po
View file @ 4fede9df
This diff is collapsed.
src/locales/zh-CN.po
View file @ 4fede9df
This diff is collapsed.
src/locales/zh-TW.po
View file @ 4fede9df
This diff is collapsed.
src/pages/AddLiquidityV2/ConfirmAddModalBottom.tsx
View file @ 4fede9df
......@@ -27,7 +27,7 @@ export function ConfirmAddModalBottom({
<>
<RowBetween>
<TYPE.body>
<Trans id="currencies.depositedSymbol">{currencies[Field.CURRENCY_A]?.symbol} Deposited</Trans>
<Trans>{currencies[Field.CURRENCY_A]?.symbol} Deposited</Trans>
</TYPE.body>
<RowFixed>
<CurrencyLogo currency={currencies[Field.CURRENCY_A]} style={{ marginRight: '8px' }} />
......@@ -36,7 +36,7 @@ export function ConfirmAddModalBottom({
</RowBetween>
<RowBetween>
<TYPE.body>
<Trans id="currencies.depositedSymbol">{currencies[Field.CURRENCY_B]?.symbol} Deposited</Trans>
<Trans>{currencies[Field.CURRENCY_B]?.symbol} Deposited</Trans>
</TYPE.body>
<RowFixed>
<CurrencyLogo currency={currencies[Field.CURRENCY_B]} style={{ marginRight: '8px' }} />
......@@ -45,7 +45,7 @@ export function ConfirmAddModalBottom({
</RowBetween>
<RowBetween>
<TYPE.body>
<Trans id="currencies.rates">Rates</Trans>
<Trans>Rates</Trans>
</TYPE.body>
<TYPE.body>
{`1 ${currencies[Field.CURRENCY_A]?.symbol} = ${price?.toSignificant(4)} ${
......@@ -62,19 +62,15 @@ export function ConfirmAddModalBottom({
</RowBetween>
<RowBetween>
<TYPE.body>
<Trans id="pool.shareOfPool">Share of Pool:</Trans>
<Trans>Share of Pool:</Trans>
</TYPE.body>
<TYPE.body>
<Trans id="number.valueWithPercent">{noLiquidity ? '100' : poolTokenPercentage?.toSignificant(4)}%</Trans>
<Trans>{noLiquidity ? '100' : poolTokenPercentage?.toSignificant(4)}%</Trans>
</TYPE.body>
</RowBetween>
<ButtonPrimary style={{ margin: '20px 0 0 0' }} onClick={onAdd}>
<Text fontWeight={500} fontSize={20}>
{noLiquidity ? (
<Trans id="pool.createPoolAndSupply">Create Pool & Supply</Trans>
) : (
<Trans id="pool.confirmSupply">Confirm Supply</Trans>
)}
{noLiquidity ? <Trans>Create Pool & Supply</Trans> : <Trans>Confirm Supply</Trans>}
</Text>
</ButtonPrimary>
</>
......
src/pages/AddLiquidityV2/index.tsx
View file @ 4fede9df
......@@ -185,12 +185,9 @@ export default function AddLiquidity({
setAttemptingTxn(false)
addTransaction(response, {
summary: t({
id: 'transactions.summary.addLiquidityWithValue',
message: `Add ${parsedAmounts[Field.CURRENCY_A]?.toSignificant(3)} ${
summary: t`Add ${parsedAmounts[Field.CURRENCY_A]?.toSignificant(3)} ${
currencies[Field.CURRENCY_A]?.symbol
} and ${parsedAmounts[Field.CURRENCY_B]?.toSignificant(3)} ${currencies[Field.CURRENCY_B]?.symbol}`,
}),
})
setTxHash(response.hash)
......@@ -245,7 +242,7 @@ export default function AddLiquidity({
</Text>
</Row>
<TYPE.italic fontSize={12} textAlign="left" padding={'8px 0 0 0 '}>
<Trans id="swap.outputEstimatedHint">
<Trans>
Output is estimated. If the price changes by more than {allowedSlippage.toSignificant(4)}% your transaction
will revert.
</Trans>
......@@ -267,12 +264,9 @@ export default function AddLiquidity({
)
}
const pendingText = t({
id: 'addLiquidity.confirmation.pendingV2',
message: `Supplying ${parsedAmounts[Field.CURRENCY_A]?.toSignificant(6)} ${
const pendingText = t`Supplying ${parsedAmounts[Field.CURRENCY_A]?.toSignificant(6)} ${
currencies[Field.CURRENCY_A]?.symbol
} and ${parsedAmounts[Field.CURRENCY_B]?.toSignificant(6)} ${currencies[Field.CURRENCY_B]?.symbol}`,
})
} and ${parsedAmounts[Field.CURRENCY_B]?.toSignificant(6)} ${currencies[Field.CURRENCY_B]?.symbol}`
const handleCurrencyASelect = useCallback(
(currencyA: Currency) => {
......@@ -326,11 +320,7 @@ export default function AddLiquidity({
hash={txHash}
content={() => (
<ConfirmationModalContent
title={
noLiquidity
? t({ id: 'pool.creatingPool', message: 'You are creating a pool' })
: t({ id: 'pool.yourWillReceive', message: 'You will receive' })
}
title={noLiquidity ? t`You are creating a pool` : t`You will receive`}
onDismiss={handleDismissConfirmation}
topContent={modalHeader}
bottomContent={modalBottom}
......@@ -346,15 +336,13 @@ export default function AddLiquidity({
<BlueCard>
<AutoColumn gap="10px">
<TYPE.link fontWeight={600} color={'primaryText1'}>
<Trans id="pool.firstLiquidityProvider">You are the first liquidity provider.</Trans>
<Trans>You are the first liquidity provider.</Trans>
</TYPE.link>
<TYPE.link fontWeight={400} color={'primaryText1'}>
<Trans id="pool.initialPriceHint">
The ratio of tokens you add will set the price of this pool.
</Trans>
<Trans>The ratio of tokens you add will set the price of this pool.</Trans>
</TYPE.link>
<TYPE.link fontWeight={400} color={'primaryText1'}>
<Trans id="pool.reviewHint">Once you are happy with the rate click supply to review.</Trans>
<Trans>Once you are happy with the rate click supply to review.</Trans>
</TYPE.link>
</AutoColumn>
</BlueCard>
......@@ -364,9 +352,9 @@ export default function AddLiquidity({
<BlueCard>
<AutoColumn gap="10px">
<TYPE.link fontWeight={400} color={'primaryText1'}>
<Trans id="pool.addLiquidityLPHint">
<Trans>
<b>
<Trans id="">Tip:</Trans>
<Trans>Tip:</Trans>
</b>{' '}
When you add liquidity, you will receive pool tokens representing your position. These tokens
automatically earn fees proportional to your share of the pool, and can be redeemed at any
......@@ -410,9 +398,9 @@ export default function AddLiquidity({
<RowBetween padding="1rem">
<TYPE.subHeader fontWeight={500} fontSize={14}>
{noLiquidity ? (
<Trans id="pool.prices.noLiquidity">Initial prices and pool share</Trans>
<Trans>Initial prices and pool share</Trans>
) : (
<Trans id="pool.prices.withLiquidity">Prices and pool share</Trans>
<Trans>Prices and pool share</Trans>
)}
</TYPE.subHeader>
</RowBetween>{' '}
......@@ -431,12 +419,12 @@ export default function AddLiquidity({
{addIsUnsupported ? (
<ButtonPrimary disabled={true}>
<TYPE.main mb="4px">
<Trans id="error.unsupportedAsset">Unsupported Asset</Trans>
<Trans>Unsupported Asset</Trans>
</TYPE.main>
</ButtonPrimary>
) : !account ? (
<ButtonLight onClick={toggleWalletModal}>
<Trans id="wallet.connect">Connect Wallet</Trans>
<Trans>Connect Wallet</Trans>
</ButtonLight>
) : (
<AutoColumn gap={'md'}>
......@@ -454,14 +442,10 @@ export default function AddLiquidity({
>
{approvalA === ApprovalState.PENDING ? (
<Dots>
<Trans id="transactions.approvingCurrency">
Approving {currencies[Field.CURRENCY_A]?.symbol}
</Trans>
<Trans>Approving {currencies[Field.CURRENCY_A]?.symbol}</Trans>
</Dots>
) : (
<Trans id="transaction.approveCurrency">
Approve {currencies[Field.CURRENCY_A]?.symbol}
</Trans>
<Trans>Approve {currencies[Field.CURRENCY_A]?.symbol}</Trans>
)}
</ButtonPrimary>
)}
......@@ -473,14 +457,10 @@ export default function AddLiquidity({
>
{approvalB === ApprovalState.PENDING ? (
<Dots>
<Trans id="transactions.approvingCurrency">
Approving {currencies[Field.CURRENCY_B]?.symbol}
</Trans>
<Trans>Approving {currencies[Field.CURRENCY_B]?.symbol}</Trans>
</Dots>
) : (
<Trans id="transaction.approveCurrency">
Approve {currencies[Field.CURRENCY_B]?.symbol}
</Trans>
<Trans>Approve {currencies[Field.CURRENCY_B]?.symbol}</Trans>
)}
</ButtonPrimary>
)}
......@@ -494,7 +474,7 @@ export default function AddLiquidity({
error={!isValid && !!parsedAmounts[Field.CURRENCY_A] && !!parsedAmounts[Field.CURRENCY_B]}
>
<Text fontSize={20} fontWeight={500}>
{error ?? <Trans id="pool.buttons.supply">Supply</Trans>}
{error ?? <Trans>Supply</Trans>}
</Text>
</ButtonError>
</AutoColumn>
......
src/pages/Earn/Manage.tsx
View file @ 4fede9df
......@@ -157,7 +157,7 @@ export default function Manage({
<PageWrapper gap="lg" justify="center">
<RowBetween style={{ gap: '24px' }}>
<TYPE.mediumHeader style={{ margin: 0 }}>
<Trans id="earn.pool.liquidityMining">
<Trans>
{currencyA?.symbol}-{currencyB?.symbol} Liquidity Mining
</Trans>
</TYPE.mediumHeader>
......@@ -168,7 +168,7 @@ export default function Manage({
<PoolData>
<AutoColumn gap="sm">
<TYPE.body style={{ margin: 0 }}>
<Trans id="earn.pool.totalDeposits">Total deposits</Trans>
<Trans>Total deposits</Trans>
</TYPE.body>
<TYPE.body fontSize={24} fontWeight={500}>
{valueOfTotalStakedAmountInUSDC
......@@ -180,16 +180,16 @@ export default function Manage({
<PoolData>
<AutoColumn gap="sm">
<TYPE.body style={{ margin: 0 }}>
<Trans id="earn.pool.rate">Pool Rate</Trans>
<Trans>Pool Rate</Trans>
</TYPE.body>
<TYPE.body fontSize={24} fontWeight={500}>
{stakingInfo.active ? (
<Trans id="earn.pool.rewardRate">
<Trans>
{stakingInfo.totalRewardRate?.multiply(BIG_INT_SECONDS_IN_WEEK)?.toFixed(0, { groupSeparator: ',' })}{' '}
UNI / week
</Trans>
) : (
<Trans id="earn.pool.noRewardRate">0 UNI / week</Trans>
<Trans>0 UNI / week</Trans>
)}
</TYPE.body>
</AutoColumn>
......@@ -204,12 +204,12 @@ export default function Manage({
<AutoColumn gap="md">
<RowBetween>
<TYPE.white fontWeight={600}>
<Trans id="earn.instructions1.title">Step 1. Get UNI-V2 Liquidity tokens</Trans>
<Trans>Step 1. Get UNI-V2 Liquidity tokens</Trans>
</TYPE.white>
</RowBetween>
<RowBetween style={{ marginBottom: '1rem' }}>
<TYPE.white fontSize={14}>
<Trans id="earn.instructions1.hint">
<Trans>
UNI-V2 LP tokens are required. Once you&apos;ve added liquidity to the {currencyA?.symbol}-
{currencyB?.symbol} pool you can stake your liquidity tokens on this page.
</Trans>
......@@ -222,7 +222,7 @@ export default function Manage({
as={Link}
to={`/add/${currencyA && currencyId(currencyA)}/${currencyB && currencyId(currencyB)}`}
>
<Trans id="earn.pool.addLiquidity">
<Trans>
Add {currencyA?.symbol}-{currencyB?.symbol} liquidity
</Trans>
</ButtonPrimary>
......@@ -263,7 +263,7 @@ export default function Manage({
<AutoColumn gap="md">
<RowBetween>
<TYPE.white fontWeight={600}>
<Trans id="earn.pool.liquidityDeposited">Your liquidity deposits</Trans>
<Trans>Your liquidity deposits</Trans>
</TYPE.white>
</RowBetween>
<RowBetween style={{ alignItems: 'baseline' }}>
......@@ -271,7 +271,7 @@ export default function Manage({
{stakingInfo?.stakedAmount?.toSignificant(6) ?? '-'}
</TYPE.white>
<TYPE.white>
<Trans id="earn.claim.UNIV2">
<Trans>
UNI-V2 {currencyA?.symbol}-{currencyB?.symbol}
</Trans>
</TYPE.white>
......@@ -286,7 +286,7 @@ export default function Manage({
<RowBetween>
<div>
<TYPE.black>
<Trans id="earn.claim.unclaimedUNI">Your unclaimed UNI</Trans>
<Trans>Your unclaimed UNI</Trans>
</TYPE.black>
</div>
{stakingInfo?.earnedAmount && JSBI.notEqual(BIG_INT_ZERO, stakingInfo?.earnedAmount?.quotient) && (
......@@ -296,7 +296,7 @@ export default function Manage({
width="fit-content"
onClick={() => setShowClaimRewardModal(true)}
>
<Trans id="earn.claim.label">Claim</Trans>
<Trans>Claim</Trans>
</ButtonEmpty>
)}
</RowBetween>
......@@ -318,12 +318,12 @@ export default function Manage({
</span>
{stakingInfo.active ? (
<Trans id="earn.pool.rewardRate">
<Trans>
{stakingInfo.rewardRate?.multiply(BIG_INT_SECONDS_IN_WEEK)?.toFixed(0, { groupSeparator: ',' })}{' '}
UNI / week
</Trans>
) : (
<Trans id="earn.pool.noRewardRate">0 UNI / week</Trans>
<Trans>0 UNI / week</Trans>
)}
</TYPE.black>
</RowBetween>
......@@ -334,9 +334,7 @@ export default function Manage({
<span role="img" aria-label="wizard-icon" style={{ marginRight: '8px' }}>
⭐️
</span>
<Trans id="earn.claim.withdrawingClaimsUNI">
When you withdraw, the contract will automagically claim UNI on your behalf!
</Trans>
<Trans>When you withdraw, the contract will automagically claim UNI on your behalf!</Trans>
</TYPE.main>
{!showAddLiquidityButton && (
......@@ -344,9 +342,9 @@ export default function Manage({
{stakingInfo && stakingInfo.active && (
<ButtonPrimary padding="8px" borderRadius="8px" width="160px" onClick={handleDepositClick}>
{stakingInfo?.stakedAmount?.greaterThan(JSBI.BigInt(0)) ? (
<Trans id="common.deposit">Deposit</Trans>
<Trans>Deposit</Trans>
) : (
<Trans id="earn.depositUNIVLP">Deposit UNI-V2 LP Tokens</Trans>
<Trans>Deposit UNI-V2 LP Tokens</Trans>
)}
</ButtonPrimary>
)}
......@@ -359,7 +357,7 @@ export default function Manage({
width="160px"
onClick={() => setShowUnstakingModal(true)}
>
<Trans id="common.withdraw">Withdraw</Trans>
<Trans>Withdraw</Trans>
</ButtonPrimary>
</>
)}
......@@ -367,9 +365,7 @@ export default function Manage({
)}
{!userLiquidityUnstaked ? null : userLiquidityUnstaked.equalTo('0') ? null : !stakingInfo?.active ? null : (
<TYPE.main>
<Trans id="earn.claim.UNIV2LPAvailable">
{userLiquidityUnstaked.toSignificant(6)} UNI-V2 LP tokens available
</Trans>
<Trans>{userLiquidityUnstaked.toSignificant(6)} UNI-V2 LP tokens available</Trans>
</TYPE.main>
)}
</PositionInfo>
......
src/pages/Earn/index.tsx
View file @ 4fede9df
......@@ -64,12 +64,12 @@ export default function Earn() {
<AutoColumn gap="md">
<RowBetween>
<TYPE.white fontWeight={600}>
<Trans id="earn.liquidityMining">Uniswap liquidity mining</Trans>
<Trans>Uniswap liquidity mining</Trans>
</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white fontSize={14}>
<Trans id="earn.depositLPHint">
<Trans>
Deposit your Liquidity Provider tokens to receive UNI, the Uniswap protocol governance token.
</Trans>
</TYPE.white>
......@@ -80,7 +80,7 @@ export default function Earn() {
target="_blank"
>
<TYPE.white fontSize={14}>
<Trans id="uni.readMore">Read more about UNI</Trans>
<Trans>Read more about UNI</Trans>
</TYPE.white>
</ExternalLink>
</AutoColumn>
......@@ -93,7 +93,7 @@ export default function Earn() {
<AutoColumn gap="lg" style={{ width: '100%', maxWidth: '720px' }}>
<DataRow style={{ alignItems: 'baseline' }}>
<TYPE.mediumHeader style={{ marginTop: '0.5rem' }}>
<Trans id="earn.participatingPools">Participating pools</Trans>
<Trans>Participating pools</Trans>
</TYPE.mediumHeader>
<Countdown exactEnd={stakingInfos?.[0]?.periodFinish} />
</DataRow>
......@@ -103,11 +103,11 @@ export default function Earn() {
<Loader style={{ margin: 'auto' }} />
) : !stakingRewardsExist ? (
<OutlineCard>
<Trans id="earn.noActivePools">No active pools</Trans>
<Trans>No active pools</Trans>
</OutlineCard>
) : stakingInfos?.length !== 0 && stakingInfosWithBalance.length === 0 ? (
<OutlineCard>
<Trans id="earn.noActivePools">No active pools</Trans>
<Trans>No active pools</Trans>
</OutlineCard>
) : (
stakingInfosWithBalance?.map((stakingInfo) => {
......
src/pages/MigrateV2/index.tsx
View file @ 4fede9df
......@@ -112,20 +112,15 @@ export default function MigrateV2() {
<AutoRow style={{ alignItems: 'center', justifyContent: 'space-between' }} gap="8px">
<BackArrow to="/pool" />
<TYPE.mediumHeader>
<Trans id="migrate.buttons.migrateV2Liquidity">Migrate V2 Liquidity</Trans>
<Trans>Migrate V2 Liquidity</Trans>
</TYPE.mediumHeader>
<div>
<QuestionHelper
text={t({
id: 'migrate.hint.migrateFromV2ToV3',
message: 'Migrate your liquidity tokens from Uniswap V2 to Uniswap V3.',
})}
/>
<QuestionHelper text={t`Migrate your liquidity tokens from Uniswap V2 to Uniswap V3.`} />
</div>
</AutoRow>
<TYPE.body style={{ marginBottom: 8, fontWeight: 400 }}>
<Trans id="migrate.hint.clickToRemoveV2">
<Trans>
For each pool shown below, click migrate to remove your liquidity from Uniswap V2 and deposit it into
Uniswap V3.
</Trans>
......@@ -134,16 +129,14 @@ export default function MigrateV2() {
{!account ? (
<LightCard padding="40px">
<TYPE.body color={theme.text3} textAlign="center">
<Trans id="migrate.hint.connectWalltToViewV2Liquidity">
Connect to a wallet to view your V2 liquidity.
</Trans>
<Trans>Connect to a wallet to view your V2 liquidity.</Trans>
</TYPE.body>
</LightCard>
) : v2IsLoading ? (
<LightCard padding="40px">
<TYPE.body color={theme.text3} textAlign="center">
<Dots>
<Trans id="common.loading">Loading</Trans>
<Trans>Loading</Trans>
</Dots>
</TYPE.body>
</LightCard>
......@@ -172,7 +165,7 @@ export default function MigrateV2() {
<AutoColumn justify={'center'} gap="md">
<Text textAlign="center" fontSize={14} style={{ padding: '.5rem 0 .5rem 0' }}>
<Trans id="migrate.hint.importV2Position">
<Trans>
Don’t see one of your v2 positions?{' '}
<StyledInternalLink id="import-pool-link" to={'/find?origin=/migrate/v2'}>
Import it.
......
src/pages/Pool/v2.tsx
View file @ 4fede9df
......@@ -137,12 +137,12 @@ export default function Pool() {
<AutoColumn gap="md">
<RowBetween>
<TYPE.white fontWeight={600}>
<Trans id="pools.labels.liquidityProviderRewards">Liquidity provider rewards</Trans>
<Trans>Liquidity provider rewards</Trans>
</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white fontSize={14}>
<Trans id="pools.hints.liquidityProviderRewards">
<Trans>
Liquidity providers earn a 0.3% fee on all trades proportional to their share of the pool. Fees are
added to the pool, accrue in real time and can be claimed by withdrawing your liquidity.
</Trans>
......@@ -154,7 +154,7 @@ export default function Pool() {
href="https://uniswap.org/docs/v2/core-concepts/pools/"
>
<TYPE.white fontSize={14}>
<Trans id="pools.hints.readAboutProvidingLiquidity">Read more about providing liquidity</Trans>
<Trans>Read more about providing liquidity</Trans>
</TYPE.white>
</ExternalLink>
</AutoColumn>
......@@ -168,12 +168,12 @@ export default function Pool() {
<TitleRow style={{ marginTop: '1rem' }} padding={'0'}>
<HideSmall>
<TYPE.mediumHeader style={{ marginTop: '0.5rem', justifySelf: 'flex-start' }}>
<Trans id="pools.labels.yourV2Liquidity">Your V2 liquidity</Trans>
<Trans>Your V2 liquidity</Trans>
</TYPE.mediumHeader>
</HideSmall>
<ButtonRow>
<ResponsiveButtonSecondary as={Link} padding="6px 8px" to="/add/v2/ETH">
<Trans id="pools.buttons.createPair">Create a pair</Trans>
<Trans>Create a pair</Trans>
</ResponsiveButtonSecondary>
<ResponsiveButtonPrimary
id="join-pool-button"
......@@ -183,7 +183,7 @@ export default function Pool() {
to="/add/v2/ETH"
>
<Text fontWeight={500} fontSize={16}>
<Trans id="pools.buttons.addV2Liquidity">Add V2 Liquidity</Trans>
<Trans>Add V2 Liquidity</Trans>
</Text>
</ResponsiveButtonPrimary>
</ButtonRow>
......@@ -192,14 +192,14 @@ export default function Pool() {
{!account ? (
<Card padding="40px">
<TYPE.body color={theme.text3} textAlign="center">
<Trans id="wallet.connectWalletToViewLiquidity">Connect to a wallet to view your liquidity.</Trans>
<Trans>Connect to a wallet to view your liquidity.</Trans>
</TYPE.body>
</Card>
) : v2IsLoading ? (
<EmptyProposals>
<TYPE.body color={theme.text3} textAlign="center">
<Dots>
<Trans id="common.loading">Loading</Trans>
<Trans>Loading</Trans>
</Dots>
</TYPE.body>
</EmptyProposals>
......@@ -207,7 +207,7 @@ export default function Pool() {
<>
<ButtonSecondary>
<RowBetween>
<Trans id="pools.buttons.accountAnalytics">
<Trans>
<ExternalLink href={'https://v2.info.uniswap.org/account/' + account}>
Account analytics and accrued fees
</ExternalLink>
......@@ -242,14 +242,14 @@ export default function Pool() {
}}
>
<ChevronsRight size={16} style={{ marginRight: '8px' }} />
<Trans id="pools.buttons.migrateLiquidityToV3">Migrate Liquidity to V3</Trans>
<Trans>Migrate Liquidity to V3</Trans>
</ButtonOutlined>
</RowFixed>
</>
) : (
<EmptyProposals>
<TYPE.body color={theme.text3} textAlign="center">
<Trans id="pools.labels.noLiquidityFound">No liquidity found.</Trans>
<Trans>No liquidity found.</Trans>
</TYPE.body>
</EmptyProposals>
)}
......
src/pages/Swap/index.tsx
View file @ 4fede9df
......@@ -479,7 +479,7 @@ export default function Swap({ history }: RouteComponentProps) {
}}
>
<TYPE.black fontSize={12}>
<Trans id="swap.buttons.v3">V3</Trans>
<Trans>V3</Trans>
</TYPE.black>
</ButtonGray>
)}
......
src/pages/Vote/VotePage.tsx
View file @ 4fede9df
......@@ -158,14 +158,12 @@ export default function VotePage({
// get total votes and format percentages for UI
const totalVotes: number | undefined = proposalData ? proposalData.forCount + proposalData.againstCount : undefined
const forPercentage: string = t({
id: 'currencies.valueWithPercent',
message: `${proposalData && totalVotes ? ((proposalData.forCount * 100) / totalVotes).toFixed(0) : '0'} %`,
})
const againstPercentage: string = t({
id: 'currencies.valueWithPercent',
message: `${proposalData && totalVotes ? ((proposalData.againstCount * 100) / totalVotes).toFixed(0) : '0'} %`,
})
const forPercentage: string = t`${
proposalData && totalVotes ? ((proposalData.forCount * 100) / totalVotes).toFixed(0) : '0'
} %`
const againstPercentage: string = t`${
proposalData && totalVotes ? ((proposalData.againstCount * 100) / totalVotes).toFixed(0) : '0'
} %`
// only count available votes as of the proposal start block
const availableVotes: CurrencyAmount<Token> | undefined = useUserVotesAsOfBlock(proposalData?.startBlock ?? undefined)
......@@ -203,15 +201,11 @@ export default function VotePage({
return (
<PageWrapper gap="lg" justify="center">
<VoteModal isOpen={showVoteModal} onDismiss={toggleVoteModal} proposalId={proposalData?.id} support={support} />
<DelegateModal
isOpen={showDelegateModal}
onDismiss={toggleDelegateModal}
title={t({ id: 'vote.labels.unlockVotes', message: 'Unlock Votes' })}
/>
<DelegateModal isOpen={showDelegateModal} onDismiss={toggleDelegateModal} title={t`Unlock Votes`} />
<ProposalInfo gap="lg" justify="start">
<RowBetween style={{ width: '100%' }}>
<ArrowWrapper to="/vote">
<Trans id="vote.labels.allProposals">
<Trans>
<ArrowLeft size={20} /> All Proposals
</Trans>
</ArrowWrapper>
......@@ -224,13 +218,9 @@ export default function VotePage({
<RowBetween>
<TYPE.main>
{endDate && endDate < now ? (
<Trans id="vote.labels.votingEnded">
Voting ended {endDate && endDate.toLocaleString(DateTime.DATETIME_FULL)}
</Trans>
<Trans>Voting ended {endDate && endDate.toLocaleString(DateTime.DATETIME_FULL)}</Trans>
) : proposalData ? (
<Trans id="vote.labels.votingEndsApproximately">
Voting ends approximately {endDate && endDate.toLocaleString(DateTime.DATETIME_FULL)}
</Trans>
<Trans>Voting ends approximately {endDate && endDate.toLocaleString(DateTime.DATETIME_FULL)}</Trans>
) : (
''
)}
......@@ -239,13 +229,13 @@ export default function VotePage({
{proposalData && proposalData.status === ProposalState.Active && !showVotingButtons && (
<GreyCard>
<TYPE.black>
<Trans id="vote.hint.votingEligibility">
<Trans>
Only UNI votes that were self delegated or delegated to another address before block{' '}
{proposalData.startBlock} are eligible for voting.{' '}
</Trans>
{showLinkForUnlock && (
<span>
<Trans id="vote.hint.unlockVoting">
<Trans>
<StyledInternalLink to="/vote">Unlock voting</StyledInternalLink> to prepare for the next
proposal.
</Trans>
......@@ -275,7 +265,7 @@ export default function VotePage({
toggleVoteModal()
}}
>
<Trans id="vote.buttons.voteAgainst">Vote Against</Trans>
<Trans>Vote Against</Trans>
</ButtonPrimary>
</RowFixed>
) : (
......@@ -286,9 +276,9 @@ export default function VotePage({
<CardSection>
<AutoColumn gap="md">
<WrapSmall>
<Trans id="vote.labels.for">
<Trans>
<TYPE.black fontWeight={600}>
<Trans id="">For</Trans>
<Trans>For</Trans>
</TYPE.black>
<TYPE.black fontWeight={600}>
{' '}
......@@ -307,7 +297,7 @@ export default function VotePage({
<AutoColumn gap="md">
<WrapSmall>
<TYPE.black fontWeight={600}>
<Trans id="vote.labels.against">Against</Trans>
<Trans>Against</Trans>
</TYPE.black>
<TYPE.black fontWeight={600}>
{proposalData?.againstCount.toLocaleString(undefined, { maximumFractionDigits: 0 })}
......@@ -322,7 +312,7 @@ export default function VotePage({
</CardWrapper>
<AutoColumn gap="md">
<TYPE.mediumHeader fontWeight={600}>
<Trans id="vote.labels.details">Details</Trans>
<Trans>Details</Trans>
</TYPE.mediumHeader>
{proposalData?.details?.map((d, i) => {
return (
......@@ -343,7 +333,7 @@ export default function VotePage({
</AutoColumn>
<AutoColumn gap="md">
<TYPE.mediumHeader fontWeight={600}>
<Trans id="vote.labels.description">Description</Trans>
<Trans>Description</Trans>
</TYPE.mediumHeader>
<MarkDownWrapper>
<ReactMarkdown source={proposalData?.description} />
......@@ -351,7 +341,7 @@ export default function VotePage({
</AutoColumn>
<AutoColumn gap="md">
<TYPE.mediumHeader fontWeight={600}>
<Trans id="vote.labels.proposer">Proposer</Trans>
<Trans>Proposer</Trans>
</TYPE.mediumHeader>
<ProposerAddressLink
href={
......
src/pages/Vote/index.tsx
View file @ 4fede9df
......@@ -139,11 +139,7 @@ export default function Vote() {
<DelegateModal
isOpen={showDelegateModal}
onDismiss={toggleDelegateModal}
title={
showUnlockVoting
? t({ id: 'vote.delegates.unlockVotes', message: 'Unlock Votes' })
: t({ id: 'vote.delegates.update', message: 'Update Delegation' })
}
title={showUnlockVoting ? t`Unlock Votes` : t`Update Delegation`}
/>
<TopSection gap="md">
<VoteCard>
......@@ -153,12 +149,12 @@ export default function Vote() {
<AutoColumn gap="md">
<RowBetween>
<TYPE.white fontWeight={600}>
<Trans id="vote.labels.uniswapGovernance">Uniswap Governance</Trans>
<Trans>Uniswap Governance</Trans>
</TYPE.white>
</RowBetween>
<RowBetween>
<TYPE.white fontSize={14}>
<Trans id="vote.hints.votingShares">
<Trans>
UNI tokens represent voting shares in Uniswap governance. You can vote on each proposal yourself or
delegate your votes to a third party.
</Trans>
......@@ -170,7 +166,7 @@ export default function Vote() {
target="_blank"
>
<TYPE.white fontSize={14}>
<Trans id="vote.hints.readMoreUniswapGovernance">Read more about Uniswap governance</Trans>
<Trans>Read more about Uniswap governance</Trans>
</TYPE.white>
</ExternalLink>
</AutoColumn>
......@@ -182,7 +178,7 @@ export default function Vote() {
<TopSection gap="2px">
<WrapSmall>
<TYPE.mediumHeader style={{ margin: '0.5rem 0.5rem 0.5rem 0', flexShrink: 0 }}>
<Trans id="vote.labels.proposals">Proposals</Trans>
<Trans>Proposals</Trans>
</TYPE.mediumHeader>
{(!allProposals || allProposals.length === 0) && !availableVotes && <Loader />}
{showUnlockVoting ? (
......@@ -192,11 +188,11 @@ export default function Vote() {
borderRadius="8px"
onClick={toggleDelegateModal}
>
<Trans id="vote.buttons.unlockVoting">Unlock Voting</Trans>
<Trans>Unlock Voting</Trans>
</ButtonPrimary>
) : availableVotes && JSBI.notEqual(JSBI.BigInt(0), availableVotes?.quotient) ? (
<TYPE.body fontWeight={500} mr="6px">
<Trans id="vote.labels.availableVotes">
<Trans>
<FormattedCurrencyAmount currencyAmount={availableVotes} /> Votes
</Trans>
</TYPE.body>
......@@ -205,7 +201,7 @@ export default function Vote() {
userDelegatee !== ZERO_ADDRESS &&
JSBI.notEqual(JSBI.BigInt(0), uniBalance?.quotient) ? (
<TYPE.body fontWeight={500} mr="6px">
<Trans id="vote.labels.availableVotes">
<Trans>
<FormattedCurrencyAmount currencyAmount={uniBalance} /> Votes
</Trans>
</TYPE.body>
......@@ -219,21 +215,17 @@ export default function Vote() {
{userDelegatee && userDelegatee !== ZERO_ADDRESS ? (
<RowFixed>
<TYPE.body fontWeight={500} mr="4px">
<Trans id="vote.labels.delegatedTo">Delegated to:</Trans>
<Trans>Delegated to:</Trans>
</TYPE.body>
<AddressButton>
<StyledExternalLink
href={getExplorerLink(1, userDelegatee, ExplorerDataType.ADDRESS)}
style={{ margin: '0 4px' }}
>
{userDelegatee === account ? (
<Trans id="vote.labels.self">Self</Trans>
) : (
shortenAddress(userDelegatee)
)}
{userDelegatee === account ? <Trans>Self</Trans> : shortenAddress(userDelegatee)}
</StyledExternalLink>
<TextButton onClick={toggleDelegateModal} style={{ marginLeft: '4px' }}>
<Trans id="vote.buttons.edit">(edit)</Trans>
<Trans>(edit)</Trans>
</TextButton>
</AddressButton>
</RowFixed>
......@@ -245,13 +237,11 @@ export default function Vote() {
{allProposals?.length === 0 && (
<EmptyProposals>
<TYPE.body style={{ marginBottom: '8px' }}>
<Trans id="vote.labels.noProposalsFound">No proposals found.</Trans>
<Trans>No proposals found.</Trans>
</TYPE.body>
<TYPE.subHeader>
<i>
<Trans id="vote.hints.proposalSubmitted">
Proposals submitted by community members will appear here.
</Trans>
<Trans>Proposals submitted by community members will appear here.</Trans>
</i>
</TYPE.subHeader>
</EmptyProposals>
......@@ -267,9 +257,7 @@ export default function Vote() {
})}
</TopSection>
<TYPE.subHeader color="text3">
<Trans id="vote.hints.submissionThreshold">
A minimum threshold of 1% of the total UNI supply is required to submit proposals
</Trans>
<Trans>A minimum threshold of 1% of the total UNI supply is required to submit proposals</Trans>
</TYPE.subHeader>
</PageWrapper>
)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment