first

apps/web/modules/saas/settings/components/UserAvatarForm.tsx

@@ -0,0 +1,29 @@
+"use client";
+import { SettingsItem } from "@saas/shared/components/SettingsItem";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { UserAvatarUpload } from "./UserAvatarUpload";
+
+export function UserAvatarForm() {
+	const t = useTranslations();
+
+	return (
+		<SettingsItem
+			title={t("settings.account.avatar.title")}
+			description={t("settings.account.avatar.description")}
+		>
+			<UserAvatarUpload
+				onSuccess={() => {
+					toast.success(
+						t("settings.account.avatar.notifications.success"),
+					);
+				}}
+				onError={() => {
+					toast.error(
+						t("settings.account.avatar.notifications.error"),
+					);
+				}}
+			/>
+		</SettingsItem>
+	);
+}