chore: settings

src/view/settings/General.tsx

@@ -0,0 +1,82 @@
+import { useState } from 'react';
+import { Form, Radio, Switch, Input, Tooltip } from 'antd';
+import { QuestionCircleOutlined } from '@ant-design/icons';
+import { platform } from '@tauri-apps/api/os';
+
+import useInit from '@/hooks/useInit';
+import { DISABLE_AUTO_COMPLETE } from '@/utils';
+
+const AutoUpdateLabel = () => {
+  return (
+    <span>
+      Auto Update
+      {' '}
+      <Tooltip title={(
+        <div>
+          <div>Auto Update Policy</div>
+          <div><strong>Prompt</strong>: prompt to install</div>
+          <div><strong>Silent</strong>: install silently</div>
+          {/* <div><strong>Disable</strong>: disable auto update</div> */}
+        </div>
+      )}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
+    </span>
+  )
+}
+
+const GlobalShortcutLabel = () => {
+  return (
+    <div>
+      Global Shortcut
+      {' '}
+      <Tooltip title={(
+        <div>
+          <div>Shortcut definition, modifiers and key separated by "+" e.g. CmdOrControl+Q</div>
+          <div style={{ margin: '10px 0'}}>If empty, the shortcut is disabled.</div>
+          <a href="https://tauri.app/v1/api/js/globalshortcut" target="_blank">https://tauri.app/v1/api/js/globalshortcut</a>
+        </div>
+      )}>
+        <QuestionCircleOutlined style={{ color: '#1677ff' }} />
+      </Tooltip>
+    </div>
+  )
+}
+
+export default function General() {
+  const [platformInfo, setPlatform] = useState('');
+
+  useInit(async () => {
+    setPlatform(await platform());
+  });
+
+  return (
+    <>
+      <Form.Item label="Stay On Top" name="stay_on_top" valuePropName="checked">
+        <Switch />
+      </Form.Item>
+      {platformInfo === 'darwin' && (
+        <Form.Item label="Titlebar" name="titlebar" valuePropName="checked">
+          <Switch />
+        </Form.Item>
+      )}
+      <Form.Item label="Theme" name="theme">
+        <Radio.Group>
+          <Radio value="Light">Light</Radio>
+          <Radio value="Dark">Dark</Radio>
+          {["darwin", "windows"].includes(platformInfo) && (
+            <Radio value="System">System</Radio>
+          )}
+        </Radio.Group>
+      </Form.Item>
+      <Form.Item label={<AutoUpdateLabel />} name="auto_update">
+        <Radio.Group>
+          <Radio value="Prompt">Prompt</Radio>
+          <Radio value="Silent">Silent</Radio>
+          {/*<Radio value="Disable">Disable</Radio>*/}
+        </Radio.Group>
+      </Form.Item>
+      <Form.Item label={<GlobalShortcutLabel />} name="global_shortcut">
+        <Input placeholder="CmdOrCtrl+Shift+O" {...DISABLE_AUTO_COMPLETE} />
+      </Form.Item>
+    </>
+  )
+}