feat: version pages check

Signed-off-by: uiuing <uiuing@foxmail.com>
uiuing · Aug 29, 2022 · 62902ab · 62902ab
1 parent 891613f
commit 62902ab
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 1 deletion.
diff --git a/ingop/renderer/locales/data/en-US.json b/ingop/renderer/locales/data/en-US.json
@@ -27,6 +27,7 @@
   },
   "error": {
     "network": "Network error, please check your network connection and try again.",
+    "version": "Golang version must be greater than or equal to 1.16, Please uninstall your Golang yourself and click Retry afterwards, InGop will automatically install the appropriate environment for you.",
     "again": "Try again"
   }
 }
diff --git a/ingop/renderer/locales/data/zh-CN.json b/ingop/renderer/locales/data/zh-CN.json
@@ -26,6 +26,7 @@
   },
   "error": {
     "network": "网络错误，请检查您的网络连接并重试。",
+    "version": "Golang 版本必须大于或等于 1.16，请自行卸载你的 Golang，之后点击重试，InGop 会自动为你安装合适的环境。",
     "again": "重试"
   }
 }
diff --git a/ingop/renderer/pages/error/version.tsx b/ingop/renderer/pages/error/version.tsx
@@ -1,3 +1,48 @@
+import {
+  IllustrationNoAccess,
+  IllustrationNoAccessDark
+} from '@douyinfe/semi-illustrations'
+import { Button, Empty, Typography } from '@douyinfe/semi-ui'
+import { useTranslation } from 'react-i18next'
+import { useRecoilValue } from 'recoil'
+
+import { IsNetErrorStore } from '../../store'
+import styles from './style.module.scss'
+
 export default function Version() {
-  return <div></div>
+  const { t } = useTranslation()
+  function again() {
+    if (typeof global !== 'undefined') {
+      global.location.reload()
+    }
+  }
+  return (
+    <>
+      <div className={styles.wrapper}>
+        <div className={styles.empty}>
+          <Empty
+            image={<IllustrationNoAccess style={{ width: '50vw' }} />}
+            darkModeImage={
+              <IllustrationNoAccessDark style={{ width: '50vw' }} />
+            }
+            description={t('error.version')}
+          />
+          <div style={{ marginTop: '2vh' }}>{ErrorTips()}</div>
+        </div>
+        <Button theme="light" type="primary" onClick={again}>
+          {t('error.again')}
+        </Button>
+      </div>
+    </>
+  )
+}
+
+function ErrorTips() {
+  const { Text } = Typography
+  const isNetError = useRecoilValue(IsNetErrorStore)
+  return isNetError !== null ? (
+    <Text type="tertiary">url - {isNetError.config.url}</Text>
+  ) : (
+    <></>
+  )
 }