From aee66210f2b598fd757a42799622f2560bb44baf Mon Sep 17 00:00:00 2001
From: Erik Vroon <11857441+evroon@users.noreply.github.com>
Date: Fri, 14 Nov 2025 12:13:12 +0100
Subject: [PATCH] Redirect when logged in for demo page (#1435)

Also fix wrong port options in process-compose config
---
 frontend/src/pages/demo.tsx | 8 +++++++-
 process-compose-example.yml | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/demo.tsx b/frontend/src/pages/demo.tsx
index 6fa53b42..82b11d47 100644
--- a/frontend/src/pages/demo.tsx
+++ b/frontend/src/pages/demo.tsx
@@ -1,12 +1,13 @@
 import { Alert, Button, Checkbox, Container, Paper, Title } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { IconAlertCircle } from '@tabler/icons-react';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router';
 
 import { ClientOnly } from '../components/utils/react';
 import { HCaptchaInput } from '../components/utils/util';
+import { tokenPresent } from '../services/local_storage';
 import { registerDemoUser } from '../services/user';
 import classes from './create_account.module.css';
 
@@ -14,6 +15,11 @@ export default function CreateDemoAccountPage() {
   const navigate = useNavigate();
   const { t } = useTranslation();
   const [captchaToken, setCaptchaToken] = useState<string | null>(null);
+  useEffect(() => {
+    if (tokenPresent()) {
+      navigate('/');
+    }
+  }, []);
 
   async function registerAndRedirect() {
     const response = await registerDemoUser(captchaToken);
diff --git a/process-compose-example.yml b/process-compose-example.yml
index 1b927355..90a0632b 100644
--- a/process-compose-example.yml
+++ b/process-compose-example.yml
@@ -4,7 +4,7 @@ log_level: debug
 processes:
   frontend:
     working_dir: "frontend"
-    command: "pnpm run dev"
+    command: "pnpm run dev --port 3000"
     availability:
       restart: "on_failure"
     readiness_probe:
@@ -36,7 +36,7 @@ processes:
 
    docs:
     working_dir: "docs"
-    command: "pnpm run dev -p 3001"
+    command: "pnpm run dev --port 3001"
     availability:
       restart: "on_failure"
     readiness_probe: