🎉 feat: initialization

2025-11-26 19:56:16 -08:00
commit a801849fb2
553 changed files with 213088 additions and 0 deletions
@@ -0,0 +1,108 @@
+"use client";
+
+import { useSearch } from "@tanstack/react-router";
+import { Badge } from "@workspace/ui/components/badge";
+import { ProTable } from "@workspace/ui/composed/pro-table/pro-table";
+import { filterBalanceLog } from "@workspace/ui/services/admin/log";
+import { useTranslation } from "react-i18next";
+import { Display } from "@/components/display";
+import { OrderLink } from "@/components/order-link";
+import { UserDetail } from "@/sections/user/user-detail";
+import { formatDate } from "@/utils/common";
+
+export default function BalanceLogPage() {
+  const { t } = useTranslation("log");
+  const sp = useSearch({ strict: false }) as Record<string, string | undefined>;
+
+  const today = new Date().toISOString().split("T")[0];
+
+  // i18n type declarations for extraction
+  // t("type.231", "Auto Reset")
+  // t("type.232", "Advance Reset")
+  // t("type.233", "Paid Reset")
+  // t("type.321", "Recharge")
+  // t("type.322", "Withdraw")
+  // t("type.323", "Payment")
+  // t("type.324", "Refund")
+  // t("type.325", "Reward")
+  // t("type.326", "Admin Adjust")
+  // t("type.331", "Purchase")
+  // t("type.332", "Renewal")
+  // t("type.333", "Refund")
+  // t("type.334", "Withdraw")
+  // t("type.335", "Admin Adjust")
+  // t("type.341", "Increase")
+  // t("type.342", "Reduce")
+
+  const getBalanceTypeText = (type: number) => {
+    const typeText = t(`type.${type}`, { defaultValue: "" });
+    if (!typeText) {
+      return `${t("unknown", "Unknown")} (${type})`;
+    }
+    return typeText;
+  };
+
+  const initialFilters = {
+    date: sp.date || today,
+    user_id: sp.user_id ? Number(sp.user_id) : undefined,
+  };
+  return (
+    <ProTable<API.BalanceLog, { search?: string }>
+      columns={[
+        {
+          accessorKey: "user",
+          header: t("column.user", "User"),
+          cell: ({ row }) => <UserDetail id={Number(row.original.user_id)} />,
+        },
+        {
+          accessorKey: "amount",
+          header: t("column.amount", "Amount"),
+          cell: ({ row }) => (
+            <Display type="currency" value={row.original.amount} />
+          ),
+        },
+        {
+          accessorKey: "order_no",
+          header: t("column.orderNo", "Order No."),
+          cell: ({ row }) => <OrderLink orderId={row.original.order_no} />,
+        },
+        {
+          accessorKey: "balance",
+          header: t("column.balance", "Balance"),
+          cell: ({ row }) => (
+            <Display type="currency" value={row.original.balance} />
+          ),
+        },
+        {
+          accessorKey: "type",
+          header: t("column.type", "Type"),
+          cell: ({ row }) => (
+            <Badge>{getBalanceTypeText(row.original.type)}</Badge>
+          ),
+        },
+        {
+          accessorKey: "timestamp",
+          header: t("column.time", "Time"),
+          cell: ({ row }) => formatDate(row.original.timestamp),
+        },
+      ]}
+      header={{ title: t("title.balance", "Balance Log") }}
+      initialFilters={initialFilters}
+      params={[
+        { key: "date", type: "date" },
+        { key: "user_id", placeholder: t("column.userId", "User ID") },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await filterBalanceLog({
+          page: pagination.page,
+          size: pagination.size,
+          date: (filter as any)?.date,
+          user_id: (filter as any)?.user_id,
+        });
+        const list = (data?.data?.list || []) as any[];
+        const total = Number(data?.data?.total || list.length);
+        return { list, total };
+      }}
+    />
+  );
+}