From abec0ef191a8138c109b4a52fa36b04f8e7c16bc Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Thu, 12 Sep 2024 23:49:23 +0800
Subject: [PATCH] feat: add external resource

Signed-off-by: Innei <i@innei.in>
---
 locales/external/en.json                       |  8 ++++++++
 src/renderer/src/@types/default-resource.ts    |  2 ++
 src/renderer/src/pages/(external)/redirect.tsx | 10 ++++++----
 3 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 locales/external/en.json

diff --git a/locales/external/en.json b/locales/external/en.json
new file mode 100644
index 000000000..0b8063199
--- /dev/null
+++ b/locales/external/en.json
@@ -0,0 +1,8 @@
+{
+  "redirect": {
+    "successMessage": "You have successfully connected to {{APP_NAME}} Account.",
+    "instruction": "Now is the time to open {{APP_NAME}} and safely close this page.",
+    "continueInBrowser": "Continue in Browser",
+    "openApp": "Open {{APP_NAME}}"
+  }
+}
diff --git a/src/renderer/src/@types/default-resource.ts b/src/renderer/src/@types/default-resource.ts
index 2b47a7921..bec83d526 100644
--- a/src/renderer/src/@types/default-resource.ts
+++ b/src/renderer/src/@types/default-resource.ts
@@ -1,6 +1,7 @@
 import en from "../../../../locales/app/en.json"
 import common_en from "../../../../locales/common/en.json"
 import common_zhCN from "../../../../locales/common/zh_CN.json"
+import external_en from "../../../../locales/external/en.json"
 import lang_en from "../../../../locales/lang/en.json"
 
 /**
@@ -16,6 +17,7 @@ export const defaultResources = {
     app: en,
     lang: lang_en,
     common: common_en,
+    external: external_en,
   },
 
   zh_CN: {
diff --git a/src/renderer/src/pages/(external)/redirect.tsx b/src/renderer/src/pages/(external)/redirect.tsx
index 311cdc1ac..3808d718e 100644
--- a/src/renderer/src/pages/(external)/redirect.tsx
+++ b/src/renderer/src/pages/(external)/redirect.tsx
@@ -4,10 +4,12 @@ import { UserAvatar } from "@renderer/components/user-button"
 import { apiClient } from "@renderer/lib/api-fetch"
 import { DEEPLINK_SCHEME } from "@shared/constants"
 import { useEffect, useRef } from "react"
+import { useTranslation } from "react-i18next"
 import { useNavigate } from "react-router-dom"
 
 export function Component() {
   const navigate = useNavigate()
+  const { t } = useTranslation("external")
 
   const getCallbackUrl = async () => {
     const { data } = await apiClient["auth-app"]["new-session"].$post({})
@@ -31,20 +33,20 @@ export function Component() {
     <div className="flex h-screen w-full flex-col items-center justify-center gap-10 px-4 pb-12 pt-[30vh]">
       <UserAvatar className="gap-8 px-10 py-4 text-2xl" />
       <h2 className="text-center">
-        You have successfully connected to {APP_NAME} Account. <br />
+        {t("redirect.successMessage", { APP_NAME })} <br />
         <br />
-        Now is the time to open {APP_NAME} and safely close this page.
+        {t("redirect.instruction", { APP_NAME })}
       </h2>
       <div className="center flex flex-col gap-4 sm:flex-row">
         <Button variant="text" className="h-14 px-10 text-base" onClick={() => navigate("/")}>
-          Continue in Browser
+          {t("redirect.continueInBrowser")}
         </Button>
 
         <Button
           className="h-14 !rounded-full px-5 text-lg"
           onClick={async () => window.open(await getCallbackUrl(), "_top")}
         >
-          Open {APP_NAME}
+          {t("redirect.openApp", { APP_NAME })}
         </Button>
       </div>
       <div className="grow" />