Improve: proxies page support i18n

This commit is contained in:
Jason 2018-10-06 13:26:40 +08:00
parent 0c3324e55a
commit fc4c58ae92
3 changed files with 15 additions and 5 deletions

View File

@ -1,12 +1,14 @@
import * as React from 'react' import * as React from 'react'
import { translate } from 'react-i18next'
import { Header, Icon } from '@components' import { Header, Icon } from '@components'
import { ProxyType } from '@models' import { ProxyType, I18nProps } from '@models'
import { Proxy } from './components' import { Proxy } from './components'
import './style.scss' import './style.scss'
export class Proxies extends React.Component<{}, {}> { class Proxies extends React.Component<I18nProps, {}> {
render () { render () {
const { t } = this.props
const proxies: { type: ProxyType, name: string }[] = [ const proxies: { type: ProxyType, name: string }[] = [
{ type: ProxyType.Shadowsocks, name: 'shadowsocks' }, { type: ProxyType.Shadowsocks, name: 'shadowsocks' },
{ type: ProxyType.Vmess, name: 'vmess' } { type: ProxyType.Vmess, name: 'vmess' }
@ -15,7 +17,7 @@ export class Proxies extends React.Component<{}, {}> {
return ( return (
<div className="page"> <div className="page">
<div className="proxies-container"> <div className="proxies-container">
<Header title="代理" > <Header title={t('title')} >
<Icon type="plus" size={20} style={{ fontWeight: 'bold' }} /> <Icon type="plus" size={20} style={{ fontWeight: 'bold' }} />
</Header> </Header>
<ul className="proxies-list"> <ul className="proxies-list">
@ -31,11 +33,11 @@ export class Proxies extends React.Component<{}, {}> {
</ul> </ul>
</div> </div>
<div className="proxies-container"> <div className="proxies-container">
<Header title="策略组" /> <Header title={t('groupTitle')} />
</div> </div>
</div> </div>
) )
} }
} }
export default Proxies export default translate(['Proxies'])(Proxies)

View File

@ -33,5 +33,9 @@ export default {
}, },
Rules: { Rules: {
title: 'Rules' title: 'Rules'
},
Proxies: {
title: 'Proxies',
groupTitle: 'Policy Group'
} }
} }

View File

@ -33,5 +33,9 @@ export default {
}, },
Rules: { Rules: {
title: '规则' title: '规则'
},
Proxies: {
title: '代理',
groupTitle: '策略组'
} }
} }