From 0305a2c6ca30ce657eb7cc2fea5a93515dd9e9c6 Mon Sep 17 00:00:00 2001
From: chs97 <623528324@qq.com>
Date: Thu, 25 Oct 2018 23:11:51 +0800
Subject: [PATCH] refactor(proxy): refactor props

---
 src/containers/Proxies/components/Proxy/index.tsx | 14 ++++++++------
 src/containers/Proxies/index.tsx                  |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

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<ProxyProps, ProxyState> {
+export class Proxy extends React.Component<ProxyProps , ProxyState> {
 
     state = {
         delay: -1,
@@ -20,8 +22,8 @@ export class Proxy extends React.Component<ProxyProps, ProxyState> {
     }
 
     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<ProxyProps, ProxyState> {
     }
 
     render () {
-        const { name, className } = this.props
+        const { config, className } = this.props
         const { delay, hasError } = this.state
 
         return (
             <div className={classnames('proxy-item', { 'proxy-error': hasError }, className)}>
-                <span className="proxy-name">{name}</span>
+                <span className="proxy-name">{config.name}</span>
                 <span className="proxy-delay">{delay === -1 ? '-' : `${delay}s`}</span>
             </div>
         )
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<ProxiesProps, {}> {
                                 config.config.proxy.map(
                                     (p, index) => (
                                         <li key={index}>
-                                            <Proxy name={p.name} config={p.config} />
+                                            <Proxy config={p} />
                                         </li>
                                     )
                                 )