From d3d0e4fe158bfae91e65f5cdece8320e1c4733d4 Mon Sep 17 00:00:00 2001
From: Takeshi Kimata <117462761+kimatata@users.noreply.github.com>
Date: Sun, 30 Jun 2024 12:19:28 +0900
Subject: [PATCH] feat: demo page switch

---
 frontend/config/config.ts                         | 3 +++
 frontend/messages/en.json                         | 1 +
 frontend/messages/ja.json                         | 1 +
 frontend/src/app/[locale]/account/authPage.tsx    | 7 ++++++-
 frontend/src/app/[locale]/account/signin/page.tsx | 1 +
 frontend/src/app/[locale]/account/signup/page.tsx | 2 ++
 frontend/types/user.ts                            | 1 +
 7 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/config/config.ts b/frontend/config/config.ts
index 2e7fb04..52f9692 100644
--- a/frontend/config/config.ts
+++ b/frontend/config/config.ts
@@ -1,5 +1,8 @@
 const Config = {
   apiServer: process.env.NEXT_PUBLIC_BACKEND_ORIGIN || 'http://localhost:8001',
+
+  // set 'NEXT_PUBLIC_IS_DEMO=true' in frontend/.env
+  isDemoSite: process.env.NEXT_PUBLIC_IS_DEMO === 'true' || false,
 };
 
 export default Config;
diff --git a/frontend/messages/en.json b/frontend/messages/en.json
index 98b0391..486c725 100644
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -59,6 +59,7 @@
     "email_not_exist": "Email address not found",
     "signup_error": "Sign up failed",
     "signin_error": "Sign in failed",
+    "demo_page_warning": "This is a demo environment, any data you enter will be reset periodically.",
     "your_projects": "Your Projects",
     "public": "Public",
     "private": "Private",
diff --git a/frontend/messages/ja.json b/frontend/messages/ja.json
index 015b3f3..d906fda 100644
--- a/frontend/messages/ja.json
+++ b/frontend/messages/ja.json
@@ -58,6 +58,7 @@
     "email_not_exist": "メールアドレスが見つかりません",
     "signup_error": "新規登録に失敗しました",
     "signin_error": "サインインに失敗しました",
+    "demo_page_warning": "これはデモ環境です。入力したデータは定期的にリセットされます。",
     "your_projects": "保有プロジェクト",
     "public": "パブリック",
     "private": "プライベート",
diff --git a/frontend/src/app/[locale]/account/authPage.tsx b/frontend/src/app/[locale]/account/authPage.tsx
index dcb7afa..1961890 100644
--- a/frontend/src/app/[locale]/account/authPage.tsx
+++ b/frontend/src/app/[locale]/account/authPage.tsx
@@ -10,6 +10,8 @@ import { signUp, signIn, signInAsGuest } from './authControl';
 import { isValidEmail, isValidPassword } from './validate';
 import { TokenContext } from '@/utils/TokenProvider';
 import { useRouter } from '@/src/navigation';
+import Config from '@/config/config';
+const isDemoSite = Config.isDemoSite;
 
 type Props = {
   isSignup: Boolean;
@@ -166,11 +168,14 @@ export default function AuthPage({ isSignup, messages, locale }: Props) {
               }}
             />
           )}
+
+          {isDemoSite && <div className="my-3 text-default-600">{messages.demoPageWarning}</div>}
+
           <div className="flex justify-end items-center mt-3">
             <Button color="primary" onPress={validate}>
               {messages.submitTitle}
             </Button>
-            {!isSignup && (
+            {!isSignup && isDemoSite && (
               <Button
                 className="ms-3 bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg"
                 onPress={handleSignInAsGuest}
diff --git a/frontend/src/app/[locale]/account/signin/page.tsx b/frontend/src/app/[locale]/account/signin/page.tsx
index 863df8f..10ba38a 100644
--- a/frontend/src/app/[locale]/account/signin/page.tsx
+++ b/frontend/src/app/[locale]/account/signin/page.tsx
@@ -20,6 +20,7 @@ export default function Page(params: { locale: string }) {
     emailNotExist: t('email_not_exist'),
     signupError: t('signup_error'),
     signinError: t('signin_error'),
+    demoPageWarning: t('demo_page_warning'),
   };
   return (
     <>
diff --git a/frontend/src/app/[locale]/account/signup/page.tsx b/frontend/src/app/[locale]/account/signup/page.tsx
index 75bf6cd..fc9d6cf 100644
--- a/frontend/src/app/[locale]/account/signup/page.tsx
+++ b/frontend/src/app/[locale]/account/signup/page.tsx
@@ -7,6 +7,7 @@ export default function Page(params: { locale: string }) {
     title: t('signup'),
     linkTitle: t('or_signin'),
     submitTitle: t('signup'),
+    signInAsGuest: t('signin_as_guest'),
     email: t('email'),
     username: t('username'),
     password: t('password'),
@@ -19,6 +20,7 @@ export default function Page(params: { locale: string }) {
     emailNotExist: t('email_not_exist'),
     signupError: t('signup_error'),
     signinError: t('signin_error'),
+    demoPageWarning: t('demo_page_warning'),
   };
   return (
     <>
diff --git a/frontend/types/user.ts b/frontend/types/user.ts
index 975c8a7..f0c3933 100644
--- a/frontend/types/user.ts
+++ b/frontend/types/user.ts
@@ -61,6 +61,7 @@ export type AuthMessages = {
   emailNotExist: string;
   signupError: string;
   signinError: string;
+  demoPageWarning: string;
 };
 
 export type AdminMessages = {