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({
-
{t('current_backend')} +
+ {t('current_backend')}

{apiConfig.baseURL}

Action
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',