From 2f0d94a46b6fbee2621bed9c1ba0670490b470d5 Mon Sep 17 00:00:00 2001
From: river <laolei@forkway.cn>
Date: Thu, 19 Sep 2024 00:05:06 +0800
Subject: [PATCH] chore: add auth tip

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

diff --git a/app/components/auth.module.scss b/app/components/auth.module.scss
index 6630c0613..c9c66f1a5 100644
--- a/app/components/auth.module.scss
+++ b/app/components/auth.module.scss
@@ -24,6 +24,10 @@
     margin: 3vh 0;
   }
 
+  .auth-input-second {
+    margin: 0 0 3vh 0;
+  }
+
   .auth-actions {
     display: flex;
     justify-content: center;
diff --git a/app/components/auth.tsx b/app/components/auth.tsx
index 57118349b..9d10ae475 100644
--- a/app/components/auth.tsx
+++ b/app/components/auth.tsx
@@ -2,7 +2,7 @@ import styles from "./auth.module.scss";
 import { IconButton } from "./button";
 
 import { useNavigate } from "react-router-dom";
-import { Path } from "../constant";
+import { Path, SAAS_CHAT_URL } from "../constant";
 import { useAccessStore } from "../store";
 import Locale from "../locales";
 
@@ -16,6 +16,7 @@ export function AuthPage() {
 
   const goHome = () => navigate(Path.Home);
   const goChat = () => navigate(Path.Chat);
+  const goSaas = () => window.open(SAAS_CHAT_URL);
   const resetAccessCode = () => {
     accessStore.update((access) => {
       access.openaiApiKey = "";
@@ -65,7 +66,7 @@ export function AuthPage() {
             }}
           />
           <input
-            className={styles["auth-input"]}
+            className={styles["auth-input-second"]}
             type="password"
             placeholder={Locale.Settings.Access.Google.ApiKey.Placeholder}
             value={accessStore.googleApiKey}
@@ -85,10 +86,9 @@ export function AuthPage() {
           onClick={goChat}
         />
         <IconButton
-          text={Locale.Auth.Later}
+          text={Locale.Auth.SaasTips}
           onClick={() => {
-            resetAccessCode();
-            goHome();
+            goSaas();
           }}
         />
       </div>
diff --git a/app/constant.ts b/app/constant.ts
index acb744cad..d97f3b209 100644
--- a/app/constant.ts
+++ b/app/constant.ts
@@ -501,3 +501,5 @@ export const PLUGINS = [
   { name: "Stable Diffusion", path: Path.Sd },
   { name: "Search Chat", path: Path.SearchChat },
 ];
+
+export const SAAS_CHAT_URL = "https://nextchat.dev/chat";
diff --git a/app/locales/cn.ts b/app/locales/cn.ts
index 2dee13515..8bf2cf3a3 100644
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -17,6 +17,7 @@ const cn = {
     Input: "在此处填写访问码",
     Confirm: "确认",
     Later: "稍后再说",
+    SaasTips: "配置太麻烦，想要立即使用",
   },
   ChatItem: {
     ChatItemCount: (count: number) => `${count} 条对话`,