From fa9439979ce82e59965285a834d17bef2088b1f7 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Sun, 1 Feb 2026 12:46:56 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20refactor(clock):=20consolidate?=
 =?UTF-8?q?=20register=20page=20to=20standard=20pattern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Use ClockLogo from shared-branding
- Use translations from shared-i18n
- Change onSubmit to onSignUp pattern
- Add onResendVerification support
- Add amber color theming (#f59e0b)
- Remove manual loading/error state management

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/routes/(auth)/register/+page.svelte   | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/apps/clock/apps/web/src/routes/(auth)/register/+page.svelte b/apps/clock/apps/web/src/routes/(auth)/register/+page.svelte
index a6d15737d..2af0a135b 100644
--- a/apps/clock/apps/web/src/routes/(auth)/register/+page.svelte
+++ b/apps/clock/apps/web/src/routes/(auth)/register/+page.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { browser } from '$app/environment';
+	import { locale } from 'svelte-i18n';
 	import { RegisterPage } from '@manacore/shared-auth-ui';
+	import { getRegisterTranslations } from '@manacore/shared-i18n';
+	import { ClockLogo } from '@manacore/shared-branding';
 	import { authStore } from '$lib/stores/auth.svelte';
 	import '$lib/i18n';
 
-	let error = $state('');
-	let loading = $state(false);
-
 	// Get redirect URL from sessionStorage (set by AuthGateModal in guest mode)
 	const redirectTo = $derived.by(() => {
 		if (browser) {
@@ -21,32 +21,32 @@
 		return '/';
 	});
 
-	async function handleRegister(email: string, password: string) {
-		loading = true;
-		error = '';
+	// Get translations based on current locale
+	const translations = $derived(getRegisterTranslations($locale || 'de'));
 
-		const result = await authStore.signUp(email, password);
+	async function handleSignUp(email: string, password: string) {
+		return authStore.signUp(email, password);
+	}
 
-		if (result.success) {
-			if (result.needsVerification) {
-				// Show verification message or redirect to verification page
-				goto('/login?registered=true');
-			} else {
-				goto(redirectTo);
-			}
-		} else {
-			error = result.error || 'Registrierung fehlgeschlagen';
-		}
-
-		loading = false;
+	async function handleResendVerification(email: string) {
+		return authStore.resendVerificationEmail(email);
 	}
 </script>
 
+<svelte:head>
+	<title>{translations.title} | Clock</title>
+</svelte:head>
+
 <RegisterPage
 	appName="Clock"
-	appLogo=""
-	{loading}
-	{error}
-	onSubmit={handleRegister}
-	loginHref="/login"
+	logo={ClockLogo}
+	primaryColor="#f59e0b"
+	onSignUp={handleSignUp}
+	onResendVerification={handleResendVerification}
+	{goto}
+	successRedirect={redirectTo}
+	loginPath="/login"
+	lightBackground="#fffbeb"
+	darkBackground="#1c1917"
+	{translations}
 />