mirror of
https://github.com/sussy-code/smov.git
synced 2024-12-21 14:47:41 +01:00
add register avatar preview
This commit is contained in:
parent
acfd34a60b
commit
24e3cc739c
1 changed files with 8 additions and 1 deletions
|
@ -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")}
|
||||
|
|
Loading…
Reference in a new issue