feat: Add a clear cache button on general settings view

nervosnetwork · Nov 16, 2019 · 429be9c · 429be9c
1 parent f9b3c15
commit 429be9c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 5 deletions.
diff --git a/packages/neuron-ui/src/components/GeneralSetting/index.tsx b/packages/neuron-ui/src/components/GeneralSetting/index.tsx
@@ -1,8 +1,30 @@
-import React from 'react'
-import { Stack } from 'office-ui-fabric-react'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Stack, PrimaryButton, Spinner } from 'office-ui-fabric-react'
 
 const GeneralSetting = () => {
-  return <Stack tokens={{ childrenGap: 15 }} />
+  const [t] = useTranslation()
+  const [clearing, setClearing] = useState(false)
+
+  const clearCache = useCallback(() => {
+    // TODO: real clear action
+    setClearing(true)
+    setTimeout(() => {
+      setClearing(false)
+    }, 2000)
+  }, [])
+
+  return (
+    <Stack tokens={{ childrenGap: 15 }} horizontal horizontalAlign="start">
+      <PrimaryButton
+        text={t('settings.general.clear-cache')}
+        onClick={clearCache}
+        disabled={clearing}
+        ariaDescription="Create new network configuration"
+      />
+      {clearing ? <Spinner /> : null}
+    </Stack>
+  )
 }
 
 GeneralSetting.displayName = 'GeneralSetting'

diff --git a/packages/neuron-ui/src/locales/en.json b/packages/neuron-ui/src/locales/en.json
@@ -178,7 +178,7 @@
         "network": "Network"
       },
       "general": {
-        "skip-data-and-type": "Skip the Cells which contain Data or Type Script",
+        "clear-cache": "Clear cache",
         "show": "Show",
         "hide": "Hide"
       },

diff --git a/packages/neuron-ui/src/locales/zh.json b/packages/neuron-ui/src/locales/zh.json
@@ -178,7 +178,7 @@
         "network": "网络"
       },
       "general": {
-        "skip-data-and-type": "忽略包含 Data 或 Type Script 的 Cells",
+        "clear-cache": "清空缓存",
         "show": "显示",
         "hide": "隐藏"
       },