From 24e3cc739ce4f8f090ab72a6ab5e82af44474670 Mon Sep 17 00:00:00 2001
From: Astrid <github@astrid.exposed>
Date: Sat, 6 Jan 2024 16:12:15 +0100
Subject: [PATCH] add register avatar preview

---
 src/pages/parts/auth/AccountCreatePart.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/parts/auth/AccountCreatePart.tsx b/src/pages/parts/auth/AccountCreatePart.tsx
index 1c4bd34d..674a3be6 100644
--- a/src/pages/parts/auth/AccountCreatePart.tsx
+++ b/src/pages/parts/auth/AccountCreatePart.tsx
@@ -1,6 +1,7 @@
 import { useCallback, useState } from "react";
 import { useTranslation } from "react-i18next";
 
+import { Avatar } from "@/components/Avatar";
 import { Button } from "@/components/buttons/Button";
 import { ColorPicker, initialColor } from "@/components/form/ColorPicker";
 import { IconPicker, initialIcon } from "@/components/form/IconPicker";
@@ -55,7 +56,13 @@ export function AccountCreatePart(props: AccountCreatePartProps) {
   return (
     <LargeCard>
       <LargeCardText
-        icon={<Icon icon={Icons.USER} />}
+        icon={
+          <Avatar
+            profile={{ colorA, colorB, icon: userIcon }}
+            iconClass="text-3xl"
+            sizeClass="w-16 h-16"
+          />
+        }
         title={t("auth.register.information.title") ?? undefined}
       >
         {t("auth.register.information.header")}