diff --git a/src/containers/Proxies/components/Proxy/index.tsx b/src/containers/Proxies/components/Proxy/index.tsx index 5529a16..e9bfea2 100644 --- a/src/containers/Proxies/components/Proxy/index.tsx +++ b/src/containers/Proxies/components/Proxy/index.tsx @@ -5,14 +5,16 @@ import { getProxyDelay } from '@lib/request' import { to } from '@lib/helper' import './style.scss' -interface ProxyProps extends BaseComponentProps, IProxy {} +interface ProxyProps extends BaseComponentProps { + config: IProxy +} interface ProxyState { delay: number hasError: boolean } -export class Proxy extends React.Component { +export class Proxy extends React.Component { state = { delay: -1, @@ -20,8 +22,8 @@ export class Proxy extends React.Component { } async componentDidMount () { - const { name } = this.props - const [res, err] = await to(getProxyDelay(name)) + const { config } = this.props + const [res, err] = await to(getProxyDelay(config.name)) if (err) { return this.setState({ hasError: true }) @@ -32,12 +34,12 @@ export class Proxy extends React.Component { } render () { - const { name, className } = this.props + const { config, className } = this.props const { delay, hasError } = this.state return (
- {name} + {config.name} {delay === -1 ? '-' : `${delay}s`}
) diff --git a/src/containers/Proxies/index.tsx b/src/containers/Proxies/index.tsx index 92dae9e..650b522 100644 --- a/src/containers/Proxies/index.tsx +++ b/src/containers/Proxies/index.tsx @@ -33,7 +33,7 @@ class Proxies extends React.Component { config.config.proxy.map( (p, index) => (
  • - +
  • ) )