feat: support close all connections

for https://github.com/haishanh/yacd/issues/338

1 files changed, 13 insertions, 4 deletions

diff --git a/src/components/Proxies.js b/src/components/Proxies.js
index c66ed83..fef6a14 100644
--- a/src/components/Proxies.js
+++ b/src/components/Proxies.js
@@ -1,9 +1,10 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useActions, useStoreState } from 'm/store';
 
 import ContentHeader from 'c/ContentHeader';
 import ProxyGroup from 'c/ProxyGroup';
-import Button from 'c/Button';
+import { ButtonWithIcon } from 'c/Button';
+import { Zap } from 'react-feather';
 
 import s0 from 'c/Proxies.module.css';
 
@@ -14,6 +15,8 @@ import {
   requestDelayAll
 } from 'd/proxies';
 
+const { useEffect, useMemo } = React;
+
 const mapStateToProps = s => ({
   proxies: getProxies(s),
   groupNames: getProxyGroupNames(s)
@@ -33,13 +36,19 @@ export default function Proxies() {
     })();
   }, [fetchProxies, requestDelayAll]);
   const { groupNames } = useStoreState(mapStateToProps);
+  const icon = useMemo(() => <Zap width={16} />, []);
 
   return (
     <>
       <ContentHeader title="Proxies" />
       <div className={s0.body}>
-        <div className={s0.fabgrp}>
-          <Button label="Test Latency" onClick={requestDelayAll} />
+        <div className="fabgrp">
+          <ButtonWithIcon
+            text="Test Latency"
+            icon={icon}
+            onClick={requestDelayAll}
+          />
+          {/* <Button onClick={requestDelayAll}>Test Latency</Button> */}
         </div>
         {groupNames.map(groupName => {
           return (