🎉 feat: initialization

2025-11-26 19:56:16 -08:00
commit a801849fb2
553 changed files with 213088 additions and 0 deletions
@@ -0,0 +1,152 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@workspace/ui/components/card";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@workspace/ui/components/form";
+import { Switch } from "@workspace/ui/components/switch";
+import { updateUserNotifySetting } from "@workspace/ui/services/admin/user";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import * as z from "zod";
+
+const notifySettingsSchema = z.object({
+  enable_balance_notify: z.boolean(),
+  enable_login_notify: z.boolean(),
+  enable_subscribe_notify: z.boolean(),
+  enable_trade_notify: z.boolean(),
+});
+
+type NotifySettingsValues = z.infer<typeof notifySettingsSchema>;
+
+export function NotifySettingsForm({
+  user,
+  refetch,
+}: {
+  user: API.User;
+  refetch: () => void;
+}) {
+  const { t } = useTranslation("user");
+
+  const form = useForm<NotifySettingsValues>({
+    resolver: zodResolver(notifySettingsSchema),
+    defaultValues: {
+      enable_balance_notify: user.enable_balance_notify,
+      enable_login_notify: user.enable_login_notify,
+      enable_subscribe_notify: user.enable_subscribe_notify,
+      enable_trade_notify: user.enable_trade_notify,
+    },
+  });
+
+  async function onSubmit(data: NotifySettingsValues) {
+    await updateUserNotifySetting({
+      ...data,
+      user_id: user.id,
+    });
+    toast.success(t("updateSuccess", "Updated successfully"));
+    refetch();
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between">
+            <CardTitle>{t("notifySettingsTitle", "Notify Settings")}</CardTitle>
+            <Button size="sm" type="submit">
+              {t("save", "Save")}
+            </Button>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="grid grid-cols-1 gap-4">
+              <FormField
+                control={form.control}
+                name="enable_balance_notify"
+                render={({ field }) => (
+                  <FormItem className="flex items-center justify-between space-x-2">
+                    <FormLabel>
+                      {t("balanceNotifications", "Balance Notifications")}
+                    </FormLabel>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="enable_login_notify"
+                render={({ field }) => (
+                  <FormItem className="flex items-center justify-between space-x-2">
+                    <FormLabel>
+                      {t("loginNotifications", "Login Notifications")}
+                    </FormLabel>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="enable_subscribe_notify"
+                render={({ field }) => (
+                  <FormItem className="flex items-center justify-between space-x-2">
+                    <FormLabel>
+                      {t(
+                        "subscriptionNotifications",
+                        "Subscription Notifications"
+                      )}
+                    </FormLabel>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="enable_trade_notify"
+                render={({ field }) => (
+                  <FormItem className="flex items-center justify-between space-x-2">
+                    <FormLabel>
+                      {t("tradeNotifications", "Trade Notifications")}
+                    </FormLabel>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </div>
+          </CardContent>
+        </Card>
+      </form>
+    </Form>
+  );
+}