From bfd154b8f1eca43674ca83dd3e90da05e05e71ae Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sat, 10 Dec 2022 18:57:31 +0800
Subject: [PATCH] Format

---
 src/components/Config.tsx      | 5 +++--
 src/components/Connections.tsx | 8 +++-----
 src/i18n/en.ts                 | 2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/Config.tsx b/src/components/Config.tsx
index bf2dc8f..204c4eb 100644
--- a/src/components/Config.tsx
+++ b/src/components/Config.tsx
@@ -266,13 +266,14 @@ function ConfigImpl({
         </div>
 
         <div>
-          <div className={s0.label}>{t('current_backend')}
+          <div className={s0.label}>
+            {t('current_backend')}
             <p>{apiConfig.baseURL}</p>
           </div>
           <div className={s0.label}>Action</div>
           <Button
             start={<LogOut size={16} />}
-            label={t("switch_backend")}
+            label={t('switch_backend')}
             onClick={openAPIConfigModal}
           />
         </div>
diff --git a/src/components/Connections.tsx b/src/components/Connections.tsx
index 25d557a..c7fe882 100644
--- a/src/components/Connections.tsx
+++ b/src/components/Connections.tsx
@@ -12,12 +12,12 @@ import useRemainingViewPortHeight from '../hooks/useRemainingViewPortHeight';
 import { getClashAPIConfig } from '../store/app';
 import s from './Connections.module.scss';
 import ConnectionTable from './ConnectionTable';
+import { MutableConnRefCtx } from './conns/ConnCtx';
 import ContentHeader from './ContentHeader';
 import ModalCloseAllConnections from './ModalCloseAllConnections';
 import { Action, Fab, position as fabPosition } from './shared/Fab';
 import { connect } from './StateProvider';
 import SvgYacd from './SvgYacd';
-import { MutableConnRefCtx } from './conns/ConnCtx';
 
 const { useEffect, useState, useRef, useCallback } = React;
 
@@ -138,9 +138,7 @@ function Conn({ apiConfig }) {
   const openCloseAllModal = useCallback(() => setIsCloseAllModalOpen(true), []);
   const closeCloseAllModal = useCallback(() => setIsCloseAllModalOpen(false), []);
   const [isRefreshPaused, setIsRefreshPaused] = useState(false);
-  const toggleIsRefreshPaused = useCallback(() => {
-    setIsRefreshPaused((x) => !x);
-  }, []);
+  const toggleIsRefreshPaused = useCallback(() => setIsRefreshPaused((x) => !x), []);
   const closeAllConnections = useCallback(() => {
     connAPI.closeAllConnections(apiConfig);
     closeCloseAllModal();
@@ -172,7 +170,7 @@ function Conn({ apiConfig }) {
         prevConnsRef.current = x;
       }
     },
-    [setConns, isRefreshPaused]
+    [setConns, isRefreshPaused, connCtx]
   );
   useEffect(() => {
     return connAPI.fetchData(apiConfig, read);
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index f7d18e6..76baea7 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -27,7 +27,7 @@ export const data = {
   Connections: 'Connections',
   current_backend: 'Current Backend',
   Active: 'Active',
-  switch_backend: 'Switch backend"',
+  switch_backend: 'Switch backend',
   Closed: 'Closed',
   switch_theme: 'Switch theme',
   theme: 'theme',