From e235f3ff3db8bd76ddecf28c16362d50aad3b4f1 Mon Sep 17 00:00:00 2001
From: balex <balexvicx@gmail.com>
Date: Sun, 22 Mar 2026 02:37:19 +0100
Subject: [PATCH] button guest

---
 analytics-view/src/components/LoginForm.tsx | 23 +++++++++++++++++++++
 analytics-view/src/constants.ts             |  2 ++
 portfolio-view/docker/Dockerfile            |  4 ++++
 3 files changed, 29 insertions(+)
 create mode 100644 analytics-view/src/constants.ts

diff --git a/analytics-view/src/components/LoginForm.tsx b/analytics-view/src/components/LoginForm.tsx
index 0d03d63..240454b 100644
--- a/analytics-view/src/components/LoginForm.tsx
+++ b/analytics-view/src/components/LoginForm.tsx
@@ -1,4 +1,5 @@
 import { FormEvent, useState } from "react";
+import { GUEST_EMAIL, GUEST_PASSWORD } from "../constants";
 
 interface Props {
   onLogin: (email: string, password: string) => Promise<void>;
@@ -23,6 +24,18 @@ export function LoginForm({ onLogin }: Props) {
     }
   }
 
+  async function handleGuestLogin() {
+    setError("");
+    setLoading(true);
+    try {
+      await onLogin(GUEST_EMAIL, GUEST_PASSWORD);
+    } catch {
+      setError("Guest login failed. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  }
+
   return (
     <div className="min-h-screen flex items-center justify-center bg-slate-900">
       <div className="w-full max-w-md">
@@ -86,6 +99,16 @@ export function LoginForm({ onLogin }: Props) {
             >
               {loading ? "Signing in…" : "Sign In"}
             </button>
+
+            <button
+              type="button"
+              onClick={handleGuestLogin}
+              disabled={loading}
+              className="w-full bg-slate-700 hover:bg-slate-600 disabled:opacity-60 disabled:cursor-not-allowed
+                         text-slate-300 font-semibold rounded-lg px-4 py-2.5 transition-colors"
+            >
+              Login as Guest
+            </button>
           </form>
         </div>
       </div>
diff --git a/analytics-view/src/constants.ts b/analytics-view/src/constants.ts
new file mode 100644
index 0000000..4e37696
--- /dev/null
+++ b/analytics-view/src/constants.ts
@@ -0,0 +1,2 @@
+export const GUEST_EMAIL = import.meta.env.VITE_GUEST_EMAIL;
+export const GUEST_PASSWORD = import.meta.env.VITE_GUEST_PASSWORD;
diff --git a/portfolio-view/docker/Dockerfile b/portfolio-view/docker/Dockerfile
index 72d75c9..9b01c35 100644
--- a/portfolio-view/docker/Dockerfile
+++ b/portfolio-view/docker/Dockerfile
@@ -3,6 +3,10 @@ WORKDIR /app
 COPY package.json package-lock.json ./
 RUN npm ci
 COPY . .
+ARG VITE_GUEST_EMAIL
+ARG VITE_GUEST_PASSWORD
+ENV VITE_GUEST_EMAIL=$VITE_GUEST_EMAIL
+ENV VITE_GUEST_PASSWORD=$VITE_GUEST_PASSWORD
 RUN npm run build
 
 FROM nginx:alpine