From 7412bd2dda5089b2bfc82ffff2061d9a26d98a51 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Tue, 7 Jul 2026 18:53:13 +0200
Subject: [PATCH] Remove outfit selection from register form and fix terms
 checkbox not toggling

---
 .../media/logo/logo-1783435725097-a36nv8.png  | Bin 0 -> 2468 bytes
 src/app/register/page.tsx                     |  12 +-----
 src/components/auth/register-form.tsx         |  36 ++----------------
 src/lib/services/site-settings.ts             |   2 +-
 4 files changed, 6 insertions(+), 44 deletions(-)
 create mode 100644 public/assets/images/media/logo/logo-1783435725097-a36nv8.png

diff --git a/public/assets/images/media/logo/logo-1783435725097-a36nv8.png b/public/assets/images/media/logo/logo-1783435725097-a36nv8.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea18ba0a32f9fb1574cd20f4f787af12c8705607
GIT binary patch
literal 2468
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

literal 0
HcmV?d00001

diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 22099abb..fb3858ed 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -13,26 +13,16 @@ export default async function RegisterPage({
   const t = await getTranslations("pages.register");
   const { error } = await searchParams;
 
-  const [hotelName, imager, captcha, femaleFigures, maleFigures] = await Promise.all([
+  const [hotelName, captcha] = await Promise.all([
     siteSettings.get("hotel_name", "Atom"),
-    siteSettings.get("habbo_imaging_url", "https://www.habbo.com/habbo-imaging/avatarimage"),
     captchaConfig(),
-    siteSettings.get("register_female_figures", "hr-100-45.hd-180-1.ch-215-62.lg-270-62.sh-290-62,hr-130-45.hd-180-2.ch-220-62.lg-280-62.sh-305-62,hr-140-45.hd-180-3.ch-225-62.lg-270-62.sh-310-62,hr-165-45.hd-180-1.ch-210-62.lg-270-62.sh-290-62,hr-190-45.hd-180-2.ch-215-62.lg-270-62.sh-305-62"),
-    siteSettings.get("register_male_figures", "hr-100-61.hd-180-1.ch-210-66.lg-270-110.sh-305-62,hr-105-61.hd-190-2.ch-215-66.lg-280-110.sh-310-62,hr-110-61.hd-200-3.ch-220-66.lg-290-110.sh-320-62,hr-115-61.hd-185-1.ch-210-66.lg-275-110.sh-315-62,hr-120-61.hd-180-2.ch-205-66.lg-285-110.sh-305-62"),
   ]);
 
-  const allFigures = [
-    ...(femaleFigures?.split(",").filter(Boolean) || []),
-    ...(maleFigures?.split(",").filter(Boolean) || []),
-  ];
-
   return (
     <main className="flex min-h-[calc(100vh-200px)] items-center justify-center px-4 py-8">
       <div className="w-full">
         <h1 className="sr-only">{t("title")}</h1>
         <RegisterForm
-          initialFigures={allFigures}
-          imager={imager ?? ""}
           hotelName={hotelName ?? "Atom"}
           captcha={captcha}
           error={error}
diff --git a/src/components/auth/register-form.tsx b/src/components/auth/register-form.tsx
index d5eda332..61c2e404 100644
--- a/src/components/auth/register-form.tsx
+++ b/src/components/auth/register-form.tsx
@@ -1,22 +1,17 @@
 "use client";
 
-import { useActionState, ChangeEvent } from "react";
+import { useActionState } from "react";
 import Link from "next/link";
 import { useTranslations } from "next-intl";
 import { register } from "@/actions/register";
-import { AvatarCarousel } from "@/components/auth/avatar-carousel";
 
 interface RegisterFormProps {
-  initialFigures: string[];
-  imager: string;
   hotelName: string;
   captcha: { provider: string; siteKey?: string };
   error?: string;
 }
 
 export function RegisterForm({
-  initialFigures,
-  imager,
   hotelName,
   captcha,
   error,
@@ -63,9 +58,6 @@ export function RegisterForm({
           </div>
         )}
 
-        {/* Avatar hidden input */}
-        <input type="hidden" name="look" defaultValue={initialFigures[0] || ""} />
-
         {/* Username & Email */}
         <div className="w-full flex flex-col md:flex-row gap-4">
           <div className="w-full md:w-1/2">
@@ -158,24 +150,6 @@ export function RegisterForm({
           </div>
         </div>
 
-        {/* Avatar Selection */}
-        <div className="w-full rounded-md p-4" style={{
-          backgroundColor: "color-mix(in srgb, var(--color-background) 50%, var(--color-surface))",
-          border: "1px solid color-mix(in srgb, var(--color-text-muted) 15%, transparent)",
-        }}>
-          <legend className="text-sm font-semibold mb-3" style={{ color: "var(--color-text)" }}>
-            {t("selectOutfit")}
-          </legend>
-          <AvatarCarousel
-            figures={initialFigures}
-            imager={imager}
-            onSelect={(figure) => {
-              const input = document.querySelector<HTMLInputElement>('input[name="look"]');
-              if (input) input.value = figure;
-            }}
-          />
-        </div>
-
         {/* Terms */}
         <div className="rounded-md p-3 flex flex-col gap-3" style={{
           backgroundColor: "color-mix(in srgb, var(--color-background) 50%, var(--color-surface))",
@@ -185,14 +159,12 @@ export function RegisterForm({
               id="terms"
               name="terms"
               type="checkbox"
-              className="w-4 h-4 border-gray-300 rounded focus:ring-0"
+              className="w-4 h-4 border-gray-300 rounded focus:ring-0 shrink-0"
               style={{ borderColor: "color-mix(in srgb, var(--color-text-muted) 30%, transparent)" }}
               required
             />
-            <label htmlFor="terms" className="font-semibold" style={{ color: "var(--color-text)" }}>
-              <a href="/help-center/rules" target="_blank" rel="noopener noreferrer" className="hover:underline" style={{ color: "var(--color-text)" }}>
-                {t("termsAccept", { hotel: hotelName })}
-              </a>
+            <label htmlFor="terms" className="font-semibold cursor-pointer" style={{ color: "var(--color-text)" }}>
+              {t("termsAccept", { hotel: hotelName })}
             </label>
           </fieldset>
         </div>
diff --git a/src/lib/services/site-settings.ts b/src/lib/services/site-settings.ts
index eb4f9f35..eb8cfe0e 100644
--- a/src/lib/services/site-settings.ts
+++ b/src/lib/services/site-settings.ts
@@ -4,7 +4,7 @@ import { prisma } from "@/lib/prisma";
 // so the app still renders (e.g. local dev without a DATABASE_URL).
 const DEFAULTS: Record<string, string> = {
   hotel_name: "Atom",
-  habbo_imaging_url: "https://epicnabbo.nl/imaging/",
+  habbo_imaging_url: "https://www.habbo.com/habbo-imaging/avatarimage",
   logo_url: "",
   nitro_client_url: "",
 };