+
+
+
+
setStep(1)}
+ >
+
+
+ 1. {t("onboarding.steps.1.title")}
+
+
+
+
+ {t("onboarding.steps.1.description")}
+
+ setStep(2)}
+ className="border-dashed text-xs"
+ />
+
+
+
+
= 2 ? "border-primary" : "border-border",
+ )}
+ />
+
+
+
setStep(2)}
+ >
+
+
+ 2. {t("onboarding.steps.2.title")}
+
+
+
+
+ {step === 2 &&
}
+
+
+ {t("onboarding.steps.2.description")}
+
+
+
+
+ {t("onboarding.info.description")}{" "}
+
+ {t("onboarding.info.link")}
+ {" "}
+ {t("onboarding.info.description_2")}
+
+
+
+
+ );
+}
diff --git a/apps/web/src/components/settings-card.tsx b/apps/web/src/components/settings-card.tsx
index 325964ad..13c618f8 100644
--- a/apps/web/src/components/settings-card.tsx
+++ b/apps/web/src/components/settings-card.tsx
@@ -53,7 +53,7 @@ export function SettingsCard({
onSave?: (value: string) => void;
checked?: boolean;
onCheckedChange?: (checked: boolean) => void;
- options?: { label: string; value: string }[];
+ options?: { label: string; value: string; icon?: () => JSX.Element }[];
placeholder?: string;
isLoading?: boolean;
validate?: "email" | "url" | "number" | "password" | "text";
@@ -92,6 +92,64 @@ export function SettingsCard({
}
};
+ const handleCheckedChange = async (checked: boolean) => {
+ try {
+ setIsSaving(true);
+ await onCheckedChange?.(checked);
+
+ toast.success(t("settings.saved"), {
+ description: t("settings.savedDescription"),
+ });
+ } catch (error) {
+ if (error instanceof TRPCClientError) {
+ if (error.data?.code === "FORBIDDEN") {
+ toast.error(t("settings.permissionDenied"), {
+ description: t("settings.permissionDeniedDescription"),
+ });
+ } else {
+ toast.error(t("settings.error"), {
+ description: t("settings.errorDescription"),
+ });
+ }
+ } else {
+ toast.error(t("settings.error"), {
+ description: t("settings.errorDescription"),
+ });
+ }
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ const handleSelectChange = async (value: string) => {
+ try {
+ setIsSaving(true);
+ await onChange?.(value);
+
+ toast.success(t("settings.saved"), {
+ description: t("settings.savedDescription"),
+ });
+ } catch (error) {
+ if (error instanceof TRPCClientError) {
+ if (error.data?.code === "FORBIDDEN") {
+ toast.error(t("settings.permissionDenied"), {
+ description: t("settings.permissionDeniedDescription"),
+ });
+ } else {
+ toast.error(t("settings.error"), {
+ description: t("settings.errorDescription"),
+ });
+ }
+ } else {
+ toast.error(t("settings.error"), {
+ description: t("settings.errorDescription"),
+ });
+ }
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
if (isLoading) {
return (
@@ -128,25 +186,38 @@ export function SettingsCard({
{type === "switch" && (
{
- onCheckedChange?.(!!checked);
- toast.success(t("settings.saved"), {
- description: t("settings.savedDescription"),
- });
+ onCheckedChange={(value) => {
+ handleCheckedChange?.(!!value);
}}
/>
)}
{type === "select" && options && (
-
-