From e4fda6cacfbaf863dcd54dcbabcb0d93088019f7 Mon Sep 17 00:00:00 2001
From: river <laolei@forkway.cn>
Date: Thu, 19 Sep 2024 08:41:09 +0800
Subject: [PATCH] feat: add auth tip

---
 app/components/auth.module.scss | 13 ++++++++++++-
 app/components/auth.tsx         | 12 +++++++++++-
 app/constant.ts                 |  2 +-
 app/locales/cn.ts               |  3 ++-
 app/locales/en.ts               |  2 ++
 5 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/app/components/auth.module.scss b/app/components/auth.module.scss
index c9c66f1a5..02c1f4292 100644
--- a/app/components/auth.module.scss
+++ b/app/components/auth.module.scss
@@ -1,12 +1,22 @@
 .auth-page {
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   height: 100%;
   width: 100%;
   flex-direction: column;
 
+  .auth-header {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    padding: 10px;
+    box-sizing: border-box;
+    animation: slide-in-from-top ease 0.3s;
+  }
+
   .auth-logo {
+    margin-top: 10vh;
     transform: scale(1.4);
   }
 
@@ -14,6 +24,7 @@
     font-size: 24px;
     font-weight: bold;
     line-height: 2;
+    margin-bottom: 1vh;
   }
 
   .auth-tips {
diff --git a/app/components/auth.tsx b/app/components/auth.tsx
index 9d10ae475..c044fb0ac 100644
--- a/app/components/auth.tsx
+++ b/app/components/auth.tsx
@@ -9,6 +9,7 @@ import Locale from "../locales";
 import BotIcon from "../icons/bot.svg";
 import { useEffect } from "react";
 import { getClientConfig } from "../config/client";
+import LeftIcon from "@/app/icons/left.svg";
 
 export function AuthPage() {
   const navigate = useNavigate();
@@ -16,7 +17,9 @@ export function AuthPage() {
 
   const goHome = () => navigate(Path.Home);
   const goChat = () => navigate(Path.Chat);
-  const goSaas = () => window.open(SAAS_CHAT_URL);
+  const goSaas = () => {
+    window.location.href = SAAS_CHAT_URL;
+  };
   const resetAccessCode = () => {
     accessStore.update((access) => {
       access.openaiApiKey = "";
@@ -33,6 +36,13 @@ export function AuthPage() {
 
   return (
     <div className={styles["auth-page"]}>
+      <div className={styles["auth-header"]}>
+        <IconButton
+          icon={<LeftIcon />}
+          text={Locale.Auth.Return}
+          onClick={() => navigate(Path.Home)}
+        ></IconButton>
+      </div>
       <div className={`no-dark ${styles["auth-logo"]}`}>
         <BotIcon />
       </div>
diff --git a/app/constant.ts b/app/constant.ts
index d97f3b209..1ba3f94c2 100644
--- a/app/constant.ts
+++ b/app/constant.ts
@@ -502,4 +502,4 @@ export const PLUGINS = [
   { name: "Search Chat", path: Path.SearchChat },
 ];
 
-export const SAAS_CHAT_URL = "https://nextchat.dev/chat";
+export const SAAS_CHAT_URL = "https://nextchat.dev";
diff --git a/app/locales/cn.ts b/app/locales/cn.ts
index 8bf2cf3a3..ae45cbf80 100644
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -11,9 +11,10 @@ const cn = {
       : "访问密码不正确或为空，请前往[登录](/#/auth)页输入正确的访问密码，或者在[设置](/#/settings)页填入你自己的 OpenAI API Key。",
   },
   Auth: {
+    Return: "返回",
     Title: "需要密码",
     Tips: "管理员开启了密码验证，请在下方填入访问码",
-    SubTips: "或者输入你的 OpenAI 或 Google API 密钥",
+    SubTips: "或者输入你的 OpenAI 或 Google AI 密钥",
     Input: "在此处填写访问码",
     Confirm: "确认",
     Later: "稍后再说",
diff --git a/app/locales/en.ts b/app/locales/en.ts
index 63e244b9a..ba94f5825 100644
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@@ -13,12 +13,14 @@ const en: LocaleType = {
       : "Unauthorized access, please enter access code in [auth](/#/auth) page, or enter your OpenAI API Key.",
   },
   Auth: {
+    Return: "Return",
     Title: "Need Access Code",
     Tips: "Please enter access code below",
     SubTips: "Or enter your OpenAI or Google API Key",
     Input: "access code",
     Confirm: "Confirm",
     Later: "Later",
+    SaasTips: "Too Complex, Use Immediately Now",
   },
   ChatItem: {
     ChatItemCount: (count: number) => `${count} messages`,