+
);
-};
\ No newline at end of file
+};
diff --git a/gui/src/components/Loading.tsx b/gui/src/components/Loading.tsx
index 5a090a2..cb3789c 100644
--- a/gui/src/components/Loading.tsx
+++ b/gui/src/components/Loading.tsx
@@ -4,6 +4,6 @@ import { AiOutlineLoading3Quarters } from 'react-icons/ai';
type LoadingProps = {
}
-export const Loading: React.FC
= ({ }) => {
+export const Loading: React.FC = () => {
return
}
diff --git a/gui/src/i18n/config.ts b/gui/src/i18n/config.ts
new file mode 100644
index 0000000..dd5b07c
--- /dev/null
+++ b/gui/src/i18n/config.ts
@@ -0,0 +1,18 @@
+import i18next from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
+import translation from './translation/en.json';
+
+export const resources = {
+ en: {
+ translation,
+ }
+};
+
+i18next
+ .use(initReactI18next)
+ .use(LanguageDetector)
+ .init({
+ debug: import.meta.env.DEV,
+ resources,
+ });
diff --git a/gui/src/i18n/translation/en.json b/gui/src/i18n/translation/en.json
new file mode 100644
index 0000000..30a2bf7
--- /dev/null
+++ b/gui/src/i18n/translation/en.json
@@ -0,0 +1,7 @@
+{
+ "title": "Welcome {{name}}, to react using react-i18next fully type-safe",
+ "description": {
+ "part1": "This is a simple example.",
+ "part2": "😉"
+ }
+}
\ No newline at end of file
diff --git a/gui/src/main.css b/gui/src/main.css
index ff783bb..0a64731 100644
--- a/gui/src/main.css
+++ b/gui/src/main.css
@@ -3,24 +3,34 @@
@tailwind utilities;
:root {
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
- font-size: 16px;
- line-height: 24px;
- font-weight: 400;
-
- color: #0f0f0f;
- background-color: #f6f6f6;
-
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -webkit-text-size-adjust: 100%;
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 24px;
+ font-weight: 400;
+
+ color: #0f0f0f;
+ background-color: #f6f6f6;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-text-size-adjust: 100%;
+
+}
+
+body {
+ width: 100vw;
+ height: 100vh;
+}
+
+#root {
+ height: 100vh;
}
@media (prefers-color-scheme: dark) {
- :root {
- color: #f6f6f6;
- background-color: #2f2f2f;
- }
+ :root {
+ color: #f6f6f6;
+ background-color: #2f2f2f;
+ }
}
diff --git a/gui/src/main.tsx b/gui/src/main.tsx
index 9937e2f..c67c01e 100644
--- a/gui/src/main.tsx
+++ b/gui/src/main.tsx
@@ -10,4 +10,3 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
);
-
diff --git a/gui/src/pages/Home.tsx b/gui/src/pages/Home.tsx
index 8b575f6..0bd1ffe 100644
--- a/gui/src/pages/Home.tsx
+++ b/gui/src/pages/Home.tsx
@@ -1,42 +1,13 @@
import React from 'react'
-import { WebviewWindow } from '@tauri-apps/api/window'
-import { Loading } from 'components/Loading'
-import { JSONRPCClient, S3SIService, StdioTransport } from 'jsonrpc';
-import { invoke } from '@tauri-apps/api';
-import { emit } from '@tauri-apps/api/event';
+import { useTranslation } from 'react-i18next';
-const client = new JSONRPCClient({
- transport: new StdioTransport()
-}).getProxy();
+export const Home: React.FC = () => {
+ const { t } = useTranslation();
-export const Home: React.FC = ({ }) => {
- const onHello = async () => {
- const result = await client.loginSteps();
- console.log(result)
- if (result.error) {
- throw new Error(result.error.message);
- }
-
- const login: string | null = await invoke('open_login_window', {
- url: result.result.url
- })
- if (login === null || login === '') {
- console.log('user cancel login');
- return;
- }
- const loginResult: { url: string } = JSON.parse(login);
- const sessionToken = await client.loginSteps({
- authCodeVerifier: result.result.authCodeVerifier,
- login: loginResult.url,
- })
- if (sessionToken.error) {
- throw new Error(sessionToken.error.message);
- }
- console.log('sessionToken', sessionToken.result);
- }
return <>
- Hello world!
-
-
+
}
diff --git a/gui/src/pages/Settings.tsx b/gui/src/pages/Settings.tsx
new file mode 100644
index 0000000..f823c62
--- /dev/null
+++ b/gui/src/pages/Settings.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next';
+import { AiOutlineLeft } from 'react-icons/ai';
+import { useNavigate } from 'react-router-dom';
+
+export const Settings: React.FC = () => {
+ const navigate = useNavigate();
+ const { t } = useTranslation();
+ const onSave = async () => {
+ }
+
+ return <>
+
+
{t('配置')}
+
+
+