From 15bc0f69a8367a57fa1bf263e615285349ad4ab9 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 13 Sep 2020 16:34:18 +0800
Subject: feat: multi backends management

---
 src/components/Config.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/components/Config.js')

diff --git a/src/components/Config.js b/src/components/Config.js
index d5850d1..f14f7d9 100644
--- a/src/components/Config.js
+++ b/src/components/Config.js
@@ -2,12 +2,12 @@ import PropTypes from 'prop-types';
 import React from 'react';
 
 import {
-  clearStorage,
   getClashAPIConfig,
   getLatencyTestUrl,
   getSelectedChartStyleIndex,
 } from '../store/app';
 import { fetchConfigs, getConfigs, updateConfigs } from '../store/configs';
+import { openModal } from '../store/modals';
 import Button from './Button';
 import s0 from './Config.module.css';
 import ContentHeader from './ContentHeader';
@@ -104,6 +104,10 @@ function ConfigImpl({
     refConfigs.current = configs;
   }, [configs]);
 
+  const openAPIConfigModal = useCallback(() => {
+    dispatch(openModal('apiConfig'));
+  }, [dispatch]);
+
   const setConfigState = useCallback(
     (name, val) => {
       setConfigStateInternal({
@@ -256,7 +260,7 @@ function ConfigImpl({
         </div>
         <div>
           <div className={s0.label}>Action</div>
-          <Button label="Log out" onClick={clearStorage} />
+          <Button label="Switch backend" onClick={openAPIConfigModal} />
         </div>
       </div>
     </div>
-- 
cgit v1.3.1