few more missed spots

This commit is contained in:
Moody Salem 2021-05-30 14:15:45 -05:00
parent 1104bdcefc
commit 3840daf365
No known key found for this signature in database
GPG Key ID: 8CB5CD10385138DB
4 changed files with 11 additions and 8 deletions

@ -326,7 +326,7 @@ export function ManageLists({
<SearchInput <SearchInput
type="text" type="text"
id="list-add-input" id="list-add-input"
placeholder="https:// or ipfs:// or ENS name" placeholder={t`https:// or ipfs:// or ENS name`}
value={listUrlInput} value={listUrlInput}
onChange={handleInput} onChange={handleInput}
/> />
@ -345,7 +345,9 @@ export function ManageLists({
{tempList.logoURI && <ListLogo logoURI={tempList.logoURI} size="40px" />} {tempList.logoURI && <ListLogo logoURI={tempList.logoURI} size="40px" />}
<AutoColumn gap="4px" style={{ marginLeft: '20px' }}> <AutoColumn gap="4px" style={{ marginLeft: '20px' }}>
<TYPE.body fontWeight={600}>{tempList.name}</TYPE.body> <TYPE.body fontWeight={600}>{tempList.name}</TYPE.body>
<TYPE.main fontSize={'12px'}>{tempList.tokens.length} tokens</TYPE.main> <TYPE.main fontSize={'12px'}>
<Trans>{tempList.tokens.length} tokens</Trans>
</TYPE.main>
</AutoColumn> </AutoColumn>
</RowFixed> </RowFixed>
{isImported ? ( {isImported ? (

@ -130,8 +130,7 @@ export default function ManageTokens({
<PaddedColumn gap="lg" style={{ overflow: 'auto', marginBottom: '10px' }}> <PaddedColumn gap="lg" style={{ overflow: 'auto', marginBottom: '10px' }}>
<RowBetween> <RowBetween>
<TYPE.main fontWeight={600}> <TYPE.main fontWeight={600}>
{/* TODO(judo): handle plural */} <Trans>{userAddedTokens?.length} Custom Tokens</Trans>
{userAddedTokens?.length} Custom {userAddedTokens.length === 1 ? 'Token' : 'Tokens'}
</TYPE.main> </TYPE.main>
{userAddedTokens.length > 0 && ( {userAddedTokens.length > 0 && (
<ButtonText onClick={handleRemoveAll}> <ButtonText onClick={handleRemoveAll}>

@ -1,3 +1,4 @@
import { Trans } from '@lingui/macro'
import React from 'react' import React from 'react'
import styled from 'styled-components/macro' import styled from 'styled-components/macro'
import { TYPE } from '../../theme' import { TYPE } from '../../theme'
@ -42,13 +43,13 @@ export default function ListToggle({ id, isActive, bgColor, toggle }: ToggleProp
<Wrapper id={id} isActive={isActive} onClick={toggle}> <Wrapper id={id} isActive={isActive} onClick={toggle}>
{isActive && ( {isActive && (
<StatusText fontWeight="600" margin="0 6px" isActive={true}> <StatusText fontWeight="600" margin="0 6px" isActive={true}>
ON <Trans>ON</Trans>
</StatusText> </StatusText>
)} )}
<ToggleElement isActive={isActive} bgColor={bgColor} /> <ToggleElement isActive={isActive} bgColor={bgColor} />
{!isActive && ( {!isActive && (
<StatusText fontWeight="600" margin="0 6px" isActive={false}> <StatusText fontWeight="600" margin="0 6px" isActive={false}>
OFF <Trans>OFF</Trans>
</StatusText> </StatusText>
)} )}
</Wrapper> </Wrapper>

@ -1,3 +1,4 @@
import { Trans } from '@lingui/macro'
import React from 'react' import React from 'react'
import styled from 'styled-components/macro' import styled from 'styled-components/macro'
@ -44,10 +45,10 @@ export default function Toggle({ id, isActive, toggle }: ToggleProps) {
return ( return (
<StyledToggle id={id} isActive={isActive} onClick={toggle}> <StyledToggle id={id} isActive={isActive} onClick={toggle}>
<ToggleElement isActive={isActive} isOnSwitch={true}> <ToggleElement isActive={isActive} isOnSwitch={true}>
On <Trans>On</Trans>
</ToggleElement> </ToggleElement>
<ToggleElement isActive={!isActive} isOnSwitch={false}> <ToggleElement isActive={!isActive} isOnSwitch={false}>
Off <Trans>Off</Trans>
</ToggleElement> </ToggleElement>
</StyledToggle> </StyledToggle>
) )