Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 34c2bbc9ba | |||
| c46944aae1 |
@@ -29,6 +29,5 @@
|
|||||||
"users": "Users",
|
"users": "Users",
|
||||||
"userTitle": "User Statistics",
|
"userTitle": "User Statistics",
|
||||||
"userTraffic": "User Traffic",
|
"userTraffic": "User Traffic",
|
||||||
"withdrawalManagement": "Withdrawal Management",
|
|
||||||
"yesterday": "Yesterday"
|
"yesterday": "Yesterday"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -100,12 +100,10 @@
|
|||||||
"manager": "Administrator",
|
"manager": "Administrator",
|
||||||
"memberCount": "Member Count",
|
"memberCount": "Member Count",
|
||||||
"more": "More",
|
"more": "More",
|
||||||
"neverLoggedIn": "Never logged in",
|
|
||||||
"normal": "Normal",
|
"normal": "Normal",
|
||||||
"next": "Next",
|
"next": "Next",
|
||||||
"noInvitedUsers": "No invited users yet",
|
"noInvitedUsers": "No invited users yet",
|
||||||
"notifySettingsTitle": "Notify Settings",
|
"notifySettingsTitle": "Notify Settings",
|
||||||
"inactive": "Inactive",
|
|
||||||
"offline": "Offline",
|
"offline": "Offline",
|
||||||
"online": "Online",
|
"online": "Online",
|
||||||
"onlineDevices": "Online Devices",
|
"onlineDevices": "Online Devices",
|
||||||
@@ -191,7 +189,6 @@
|
|||||||
"groupUpdated": "Group updated successfully",
|
"groupUpdated": "Group updated successfully",
|
||||||
"upload": "Upload",
|
"upload": "Upload",
|
||||||
"uploadTraffic": "Upload Traffic",
|
"uploadTraffic": "Upload Traffic",
|
||||||
"userStatus": "User Status",
|
|
||||||
"userAgent": "User Agent",
|
"userAgent": "User Agent",
|
||||||
"userEmail": "Email",
|
"userEmail": "Email",
|
||||||
"userEmailPlaceholder": "Enter email",
|
"userEmailPlaceholder": "Enter email",
|
||||||
@@ -201,7 +198,6 @@
|
|||||||
"userName": "Username",
|
"userName": "Username",
|
||||||
"userProfile": "User Profile",
|
"userProfile": "User Profile",
|
||||||
"userGroup": "User Group",
|
"userGroup": "User Group",
|
||||||
"active": "Active",
|
|
||||||
"verified": "Verified",
|
"verified": "Verified",
|
||||||
"viewDeviceGroup": "View Device Group",
|
"viewDeviceGroup": "View Device Group",
|
||||||
"viewOwner": "View Owner",
|
"viewOwner": "View Owner",
|
||||||
|
|||||||
@@ -29,6 +29,5 @@
|
|||||||
"users": "用户",
|
"users": "用户",
|
||||||
"userTitle": "用户统计",
|
"userTitle": "用户统计",
|
||||||
"userTraffic": "用户流量",
|
"userTraffic": "用户流量",
|
||||||
"withdrawalManagement": "提现管理",
|
|
||||||
"yesterday": "昨日"
|
"yesterday": "昨日"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -101,12 +101,10 @@
|
|||||||
"manager": "管理员",
|
"manager": "管理员",
|
||||||
"memberCount": "成员数量",
|
"memberCount": "成员数量",
|
||||||
"more": "更多",
|
"more": "更多",
|
||||||
"neverLoggedIn": "从未登录",
|
|
||||||
"normal": "正常",
|
"normal": "正常",
|
||||||
"next": "下一页",
|
"next": "下一页",
|
||||||
"noInvitedUsers": "暂无邀请用户",
|
"noInvitedUsers": "暂无邀请用户",
|
||||||
"notifySettingsTitle": "通知设置",
|
"notifySettingsTitle": "通知设置",
|
||||||
"inactive": "未活跃",
|
|
||||||
"offline": "离线",
|
"offline": "离线",
|
||||||
"online": "在线",
|
"online": "在线",
|
||||||
"onlineDevices": "在线设备",
|
"onlineDevices": "在线设备",
|
||||||
@@ -192,7 +190,6 @@
|
|||||||
"groupUpdated": "分组更新成功",
|
"groupUpdated": "分组更新成功",
|
||||||
"upload": "上传",
|
"upload": "上传",
|
||||||
"uploadTraffic": "上传流量",
|
"uploadTraffic": "上传流量",
|
||||||
"userStatus": "用户状态",
|
|
||||||
"userAgent": "用户代理",
|
"userAgent": "用户代理",
|
||||||
"userEmail": "邮箱",
|
"userEmail": "邮箱",
|
||||||
"userEmailPlaceholder": "输入邮箱",
|
"userEmailPlaceholder": "输入邮箱",
|
||||||
@@ -202,7 +199,6 @@
|
|||||||
"userName": "用户名",
|
"userName": "用户名",
|
||||||
"userProfile": "用户资料",
|
"userProfile": "用户资料",
|
||||||
"userGroup": "用户分组",
|
"userGroup": "用户分组",
|
||||||
"active": "活跃",
|
|
||||||
"verified": "已验证",
|
"verified": "已验证",
|
||||||
"viewDeviceGroup": "查看设备组",
|
"viewDeviceGroup": "查看设备组",
|
||||||
"viewOwner": "查看所有者",
|
"viewOwner": "查看所有者",
|
||||||
|
|||||||
@@ -241,11 +241,11 @@ export default function Statistics() {
|
|||||||
iconBg: "bg-green-100 dark:bg-green-900/30",
|
iconBg: "bg-green-100 dark:bg-green-900/30",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: t("withdrawalManagement", "提现管理"),
|
title: t("pendingTickets", "Pending Tickets"),
|
||||||
value: TicketTotal || 0,
|
value: TicketTotal || 0,
|
||||||
subtitle: t("pending", "Pending"),
|
subtitle: t("pending", "Pending"),
|
||||||
icon: "uil:clipboard-notes",
|
icon: "uil:clipboard-notes",
|
||||||
href: "/dashboard/withdrawal",
|
href: "/dashboard/ticket",
|
||||||
color: "text-red-600 dark:text-red-400",
|
color: "text-red-600 dark:text-red-400",
|
||||||
iconBg: "bg-red-100 dark:bg-red-900/30",
|
iconBg: "bg-red-100 dark:bg-red-900/30",
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,25 +1,34 @@
|
|||||||
import { useQuery } from "@tanstack/react-query";
|
import { useQuery } from "@tanstack/react-query";
|
||||||
import { Link, useSearch } from "@tanstack/react-router";
|
import { Link, useSearch } from "@tanstack/react-router";
|
||||||
|
import { Badge } from "@workspace/ui/components/badge";
|
||||||
import { Button } from "@workspace/ui/components/button";
|
import { Button } from "@workspace/ui/components/button";
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
DialogHeader,
|
DialogHeader,
|
||||||
DialogTitle,
|
DialogTitle,
|
||||||
|
DialogTrigger,
|
||||||
} from "@workspace/ui/components/dialog";
|
} from "@workspace/ui/components/dialog";
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
DropdownMenuItem,
|
DropdownMenuItem,
|
||||||
DropdownMenuSeparator,
|
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from "@workspace/ui/components/dropdown-menu";
|
} from "@workspace/ui/components/dropdown-menu";
|
||||||
|
import { Input } from "@workspace/ui/components/input";
|
||||||
import {
|
import {
|
||||||
Popover,
|
Popover,
|
||||||
PopoverContent,
|
PopoverContent,
|
||||||
PopoverTrigger,
|
PopoverTrigger,
|
||||||
} from "@workspace/ui/components/popover";
|
} from "@workspace/ui/components/popover";
|
||||||
import { ScrollArea } from "@workspace/ui/components/scroll-area";
|
import { ScrollArea } from "@workspace/ui/components/scroll-area";
|
||||||
|
import {
|
||||||
|
Select,
|
||||||
|
SelectContent,
|
||||||
|
SelectItem,
|
||||||
|
SelectTrigger,
|
||||||
|
SelectValue,
|
||||||
|
} from "@workspace/ui/components/select";
|
||||||
import {
|
import {
|
||||||
Sheet,
|
Sheet,
|
||||||
SheetContent,
|
SheetContent,
|
||||||
@@ -34,12 +43,7 @@ import {
|
|||||||
TabsList,
|
TabsList,
|
||||||
TabsTrigger,
|
TabsTrigger,
|
||||||
} from "@workspace/ui/components/tabs";
|
} from "@workspace/ui/components/tabs";
|
||||||
import {
|
import { Combobox } from "@workspace/ui/composed/combobox";
|
||||||
Tooltip,
|
|
||||||
TooltipContent,
|
|
||||||
TooltipProvider,
|
|
||||||
TooltipTrigger,
|
|
||||||
} from "@workspace/ui/components/tooltip";
|
|
||||||
// import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
// import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||||
import {
|
import {
|
||||||
ProTable,
|
ProTable,
|
||||||
@@ -56,8 +60,9 @@ import {
|
|||||||
getUserList,
|
getUserList,
|
||||||
updateUserBasicInfo,
|
updateUserBasicInfo,
|
||||||
} from "@workspace/ui/services/admin/user";
|
} from "@workspace/ui/services/admin/user";
|
||||||
|
import { parseDeviceType } from "@workspace/ui/utils/device";
|
||||||
import { FilePenLine } from "lucide-react";
|
import { FilePenLine } from "lucide-react";
|
||||||
import { useCallback, useEffect, useRef, useState } from "react";
|
import { useCallback, useRef, useState } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { toast } from "sonner";
|
import { toast } from "sonner";
|
||||||
import { Display } from "@/components/display";
|
import { Display } from "@/components/display";
|
||||||
@@ -68,16 +73,18 @@ import { RemarkForm } from "./remark-form";
|
|||||||
import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
|
import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
|
||||||
import { UserDetail } from "./user-detail";
|
import { UserDetail } from "./user-detail";
|
||||||
import UserForm from "./user-form";
|
import UserForm from "./user-form";
|
||||||
import { UserIdentifier } from "./user-identifier";
|
|
||||||
import { UserInviteStatsSheet } from "./user-invite-stats-sheet";
|
import { UserInviteStatsSheet } from "./user-invite-stats-sheet";
|
||||||
import { AuthMethodsForm } from "./user-profile/auth-methods-form";
|
import { AuthMethodsForm } from "./user-profile/auth-methods-form";
|
||||||
import { BasicInfoForm } from "./user-profile/basic-info-form";
|
import { BasicInfoForm } from "./user-profile/basic-info-form";
|
||||||
import { NotifySettingsForm } from "./user-profile/notify-settings-form";
|
import { NotifySettingsForm } from "./user-profile/notify-settings-form";
|
||||||
import { UserSearchBar } from "./user-search-bar";
|
|
||||||
import UserSubscription from "./user-subscription";
|
import UserSubscription from "./user-subscription";
|
||||||
|
|
||||||
// import EditUserGroupDialog from "./edit-user-group-dialog";
|
// import EditUserGroupDialog from "./edit-user-group-dialog";
|
||||||
|
|
||||||
|
type UserDeviceWithDeviceNo = API.UserDevice & {
|
||||||
|
device_no?: string;
|
||||||
|
};
|
||||||
|
|
||||||
export default function User() {
|
export default function User() {
|
||||||
const { t } = useTranslation("user");
|
const { t } = useTranslation("user");
|
||||||
const [loading, setLoading] = useState(false);
|
const [loading, setLoading] = useState(false);
|
||||||
@@ -91,14 +98,6 @@ export default function User() {
|
|||||||
value: sp.search || sp.user_id || "",
|
value: sp.search || sp.user_id || "",
|
||||||
});
|
});
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
searchRef.current = {
|
|
||||||
type: sp.user_id ? "user_id" : "email",
|
|
||||||
value: sp.search || sp.user_id || "",
|
|
||||||
};
|
|
||||||
ref.current?.refresh();
|
|
||||||
}, [sp.search, sp.user_id]);
|
|
||||||
|
|
||||||
const handleSearch = useCallback((type: string, value: string) => {
|
const handleSearch = useCallback((type: string, value: string) => {
|
||||||
searchRef.current = { type, value };
|
searchRef.current = { type, value };
|
||||||
ref.current?.refresh();
|
ref.current?.refresh();
|
||||||
@@ -152,6 +151,7 @@ export default function User() {
|
|||||||
onChanged={() => ref.current?.refresh()}
|
onChanged={() => ref.current?.refresh()}
|
||||||
userId={row.id}
|
userId={row.id}
|
||||||
/>,
|
/>,
|
||||||
|
<PreviewNodesDialog key="preview-nodes" userId={row.id} />,
|
||||||
/* <ConfirmButton
|
/* <ConfirmButton
|
||||||
cancelText={t("cancel", "Cancel")}
|
cancelText={t("cancel", "Cancel")}
|
||||||
confirmText={t("confirm", "Confirm")}
|
confirmText={t("confirm", "Confirm")}
|
||||||
@@ -176,8 +176,6 @@ export default function User() {
|
|||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
<DropdownMenuContent align="end">
|
<DropdownMenuContent align="end">
|
||||||
<InviteStatsMenuItem userId={row.id} />
|
<InviteStatsMenuItem userId={row.id} />
|
||||||
<PreviewNodesMenuItem userId={row.id} />
|
|
||||||
<DropdownMenuSeparator />
|
|
||||||
<DropdownMenuItem asChild>
|
<DropdownMenuItem asChild>
|
||||||
<Link search={{ user_id: row.id }} to="/dashboard/order">
|
<Link search={{ user_id: row.id }} to="/dashboard/order">
|
||||||
{t("orderList", "Order List")}
|
{t("orderList", "Order List")}
|
||||||
@@ -264,43 +262,62 @@ export default function User() {
|
|||||||
id: "auth_methods",
|
id: "auth_methods",
|
||||||
accessorKey: "auth_methods",
|
accessorKey: "auth_methods",
|
||||||
header: "设备码/邮箱",
|
header: "设备码/邮箱",
|
||||||
cell: ({ row }) => (
|
cell: ({ row }) => {
|
||||||
<div className="flex items-center">
|
const method = row.original.auth_methods?.[0];
|
||||||
<UserIdentifier
|
const identifier = method?.auth_identifier || "";
|
||||||
className="flex items-center"
|
const isDevice = method?.auth_type === "device";
|
||||||
user={row.original}
|
const firstDevice = row.original.user_devices?.[0] as
|
||||||
/>
|
| UserDeviceWithDeviceNo
|
||||||
<Popover>
|
| undefined;
|
||||||
<PopoverTrigger>
|
const deviceNo = firstDevice?.device_no;
|
||||||
<div className={"flex items-center"}>
|
const deviceType = parseDeviceType(firstDevice?.user_agent || "");
|
||||||
{row.original?.remark ? `(${row.original.remark})` : ""}
|
const display = isDevice ? deviceNo || identifier : identifier;
|
||||||
<FilePenLine className={"ml-2 text-primary"} size={14} />
|
return (
|
||||||
</div>
|
<div className="flex items-center">
|
||||||
</PopoverTrigger>
|
{/* <Badge
|
||||||
<PopoverContent className={"w-64"}>
|
className="mr-1 uppercase"
|
||||||
<RemarkForm
|
title={method?.verified ? t("verified", "Verified") : ""}
|
||||||
initialRemark={row.original.remark}
|
>
|
||||||
onSave={async (remark) => {
|
{method?.auth_type}
|
||||||
const { data } = await getUserDetail({
|
</Badge>*/}
|
||||||
id: row.original.id,
|
{deviceType && (
|
||||||
});
|
<Badge className="mr-1" variant="secondary">
|
||||||
const user = data.data;
|
{deviceType}
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
|
<span title={isDevice ? display : undefined}>{display}</span>
|
||||||
|
<Popover>
|
||||||
|
<PopoverTrigger>
|
||||||
|
<div className={"flex items-center"}>
|
||||||
|
{row.original?.remark ? `(${row.original.remark})` : ""}
|
||||||
|
<FilePenLine className={"ml-2 text-primary"} size={14} />
|
||||||
|
</div>
|
||||||
|
</PopoverTrigger>
|
||||||
|
<PopoverContent className={"w-64"}>
|
||||||
|
<RemarkForm
|
||||||
|
initialRemark={row.original.remark}
|
||||||
|
onSave={async (remark) => {
|
||||||
|
const { data } = await getUserDetail({
|
||||||
|
id: row.original.id,
|
||||||
|
});
|
||||||
|
const user = data.data;
|
||||||
|
|
||||||
if (!user) {
|
if (!user) {
|
||||||
throw new Error("User detail not found");
|
throw new Error("User detail not found");
|
||||||
}
|
}
|
||||||
|
|
||||||
await updateUserBasicInfo(
|
await updateUserBasicInfo(
|
||||||
buildUserBasicInfoPayload(user, remark)
|
buildUserBasicInfoPayload(user, remark)
|
||||||
);
|
);
|
||||||
toast.success(t("updateSuccess"));
|
toast.success(t("updateSuccess"));
|
||||||
ref.current?.refresh();
|
ref.current?.refresh();
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</PopoverContent>
|
</PopoverContent>
|
||||||
</Popover>
|
</Popover>
|
||||||
</div>
|
</div>
|
||||||
),
|
);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
/* {
|
/* {
|
||||||
id: "balance",
|
id: "balance",
|
||||||
@@ -338,48 +355,6 @@ export default function User() {
|
|||||||
header: t("referer", "Referer"),
|
header: t("referer", "Referer"),
|
||||||
cell: ({ row }) => <UserDetail id={row.original.referer_id} />,
|
cell: ({ row }) => <UserDetail id={row.original.referer_id} />,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: "last_login_time",
|
|
||||||
accessorKey: "last_login_time",
|
|
||||||
header: t("userStatus", "用户状态"),
|
|
||||||
cell: ({ row }) => {
|
|
||||||
const lastLoginTime = (
|
|
||||||
row.original as API.User & {
|
|
||||||
last_login_time?: number;
|
|
||||||
}
|
|
||||||
).last_login_time;
|
|
||||||
const isOnline = Boolean(lastLoginTime);
|
|
||||||
const dotClassName = isOnline ? "bg-green-500" : "bg-gray-400";
|
|
||||||
const statusLabel = isOnline
|
|
||||||
? t("active", "Active")
|
|
||||||
: t("inactive", "Inactive");
|
|
||||||
|
|
||||||
return (
|
|
||||||
<TooltipProvider>
|
|
||||||
<Tooltip>
|
|
||||||
<TooltipTrigger asChild>
|
|
||||||
<div className="inline-flex items-center gap-2">
|
|
||||||
<span
|
|
||||||
aria-hidden="true"
|
|
||||||
className={`h-2.5 w-2.5 rounded-full ${dotClassName}`}
|
|
||||||
/>
|
|
||||||
<span className="sr-only">
|
|
||||||
{isOnline
|
|
||||||
? `${statusLabel}: ${formatDate(lastLoginTime)}`
|
|
||||||
: statusLabel}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent>
|
|
||||||
{isOnline
|
|
||||||
? formatDate(lastLoginTime)
|
|
||||||
: t("neverLoggedIn", "Never logged in")}
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
</TooltipProvider>
|
|
||||||
);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "created_at",
|
id: "created_at",
|
||||||
accessorKey: "created_at",
|
accessorKey: "created_at",
|
||||||
@@ -548,25 +523,6 @@ function InviteStatsMenuItem({ userId }: { userId: number }) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function PreviewNodesMenuItem({ userId }: { userId: number }) {
|
|
||||||
const { t } = useTranslation("user");
|
|
||||||
const [open, setOpen] = useState(false);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={(e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
setOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t("previewNodes", "Preview Nodes")}
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<PreviewNodesDialog onOpenChange={setOpen} open={open} userId={userId} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function DeviceGroupSheet({
|
function DeviceGroupSheet({
|
||||||
userId,
|
userId,
|
||||||
onChanged,
|
onChanged,
|
||||||
@@ -595,16 +551,92 @@ function DeviceGroupSheet({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function PreviewNodesDialog({
|
function UserSearchBar({
|
||||||
userId,
|
initialType,
|
||||||
open,
|
initialValue,
|
||||||
onOpenChange,
|
onSearch,
|
||||||
|
subscribes,
|
||||||
}: {
|
}: {
|
||||||
userId: number;
|
initialType: string;
|
||||||
open: boolean;
|
initialValue: string;
|
||||||
onOpenChange: (open: boolean) => void;
|
onSearch: (type: string, value: string) => void;
|
||||||
|
subscribes?: API.SubscribeItem[];
|
||||||
}) {
|
}) {
|
||||||
const { t } = useTranslation("user");
|
const { t } = useTranslation("user");
|
||||||
|
const [searchType, setSearchType] = useState(initialType);
|
||||||
|
const [searchValue, setSearchValue] = useState(initialValue);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Select
|
||||||
|
onValueChange={(v) => {
|
||||||
|
setSearchType(v);
|
||||||
|
setSearchValue("");
|
||||||
|
}}
|
||||||
|
value={searchType}
|
||||||
|
>
|
||||||
|
<SelectTrigger className="w-48">
|
||||||
|
<SelectValue />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
<SelectItem value="email">设备码/邮箱</SelectItem>
|
||||||
|
<SelectItem value="user_id">{t("userId", "User ID")}</SelectItem>
|
||||||
|
<SelectItem value="subscribe_id">
|
||||||
|
{t("subscription", "Subscription")}
|
||||||
|
</SelectItem>
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
{searchType === "subscribe_id" ? (
|
||||||
|
<Combobox
|
||||||
|
className="w-48"
|
||||||
|
onChange={(value) => {
|
||||||
|
setSearchValue(value);
|
||||||
|
onSearch("subscribe_id", value);
|
||||||
|
}}
|
||||||
|
options={subscribes?.map((item) => ({
|
||||||
|
label: item.name!,
|
||||||
|
value: String(item.id!),
|
||||||
|
}))}
|
||||||
|
placeholder={t("subscription", "Subscription")}
|
||||||
|
value={searchValue}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<Input
|
||||||
|
className="w-48"
|
||||||
|
onChange={(e) => setSearchValue(e.target.value)}
|
||||||
|
onKeyDown={(e) =>
|
||||||
|
e.key === "Enter" && onSearch(searchType, searchValue)
|
||||||
|
}
|
||||||
|
placeholder={t("searchInputPlaceholder", "Enter search term")}
|
||||||
|
value={searchValue}
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
onClick={() => onSearch(searchType, searchValue)}
|
||||||
|
variant="default"
|
||||||
|
>
|
||||||
|
{t("search", "Search")}
|
||||||
|
</Button>
|
||||||
|
{searchValue && (
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
setSearchValue("");
|
||||||
|
onSearch(searchType, "");
|
||||||
|
}}
|
||||||
|
variant="outline"
|
||||||
|
>
|
||||||
|
{t("resetSearch", "Reset")}
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function PreviewNodesDialog({ userId }: { userId: number }) {
|
||||||
|
const { t } = useTranslation("user");
|
||||||
|
const [open, setOpen] = useState(false);
|
||||||
const { data: previewData, isLoading } = useQuery({
|
const { data: previewData, isLoading } = useQuery({
|
||||||
enabled: open,
|
enabled: open,
|
||||||
queryKey: ["previewUserNodes", userId],
|
queryKey: ["previewUserNodes", userId],
|
||||||
@@ -615,7 +647,10 @@ function PreviewNodesDialog({
|
|||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog onOpenChange={onOpenChange} open={open}>
|
<Dialog onOpenChange={setOpen} open={open}>
|
||||||
|
<DialogTrigger asChild>
|
||||||
|
<Button variant="outline">{t("previewNodes", "Preview Nodes")}</Button>
|
||||||
|
</DialogTrigger>
|
||||||
<DialogContent className="max-w-2xl">
|
<DialogContent className="max-w-2xl">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<DialogTitle>
|
<DialogTitle>
|
||||||
|
|||||||
@@ -16,7 +16,6 @@ import { formatBytes } from "@workspace/ui/utils/formatting";
|
|||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { Display } from "@/components/display";
|
import { Display } from "@/components/display";
|
||||||
import { formatDate } from "@/utils/common";
|
import { formatDate } from "@/utils/common";
|
||||||
import { UserIdentifier } from "./user-identifier";
|
|
||||||
// import EditUserGroupDialog from "./edit-user-group-dialog";
|
// import EditUserGroupDialog from "./edit-user-group-dialog";
|
||||||
// import { getUserGroupList } from "@workspace/ui/services/admin/group";
|
// import { getUserGroupList } from "@workspace/ui/services/admin/group";
|
||||||
|
|
||||||
@@ -230,13 +229,26 @@ export function UserDetail({ id }: { id: number }) {
|
|||||||
|
|
||||||
if (!id) return "--";
|
if (!id) return "--";
|
||||||
|
|
||||||
|
const firstMethod = data?.auth_methods[0];
|
||||||
|
const isDevice = firstMethod?.auth_type === "device";
|
||||||
|
const deviceNo = (data as any)?.user_devices?.[0]?.device_no;
|
||||||
|
const rawIdentifier = firstMethod?.auth_identifier || "";
|
||||||
|
const identifier = isDevice ? deviceNo || rawIdentifier : rawIdentifier;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<HoverCard>
|
<HoverCard>
|
||||||
<HoverCardTrigger asChild>
|
<HoverCardTrigger asChild>
|
||||||
<Button asChild className="p-0" variant="link">
|
<Button asChild className="p-0" variant="link">
|
||||||
<Link search={{ user_id: id }} to="/dashboard/user">
|
<Link search={{ user_id: id }} to="/dashboard/user">
|
||||||
{data ? (
|
{data ? (
|
||||||
<UserIdentifier className="flex items-center" user={data} />
|
<>
|
||||||
|
{firstMethod && (
|
||||||
|
<span className="mr-1 inline-flex items-center rounded border px-1 py-0.5 font-mono text-xs uppercase">
|
||||||
|
{firstMethod.auth_type}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
{identifier}
|
||||||
|
</>
|
||||||
) : (
|
) : (
|
||||||
t("loading", "Loading...")
|
t("loading", "Loading...")
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -1,101 +0,0 @@
|
|||||||
/**
|
|
||||||
* @vitest-environment jsdom
|
|
||||||
*/
|
|
||||||
import { cleanup, render, screen } from "@testing-library/react";
|
|
||||||
import { afterEach, describe, expect, it } from "vitest";
|
|
||||||
import { getUserIdentifierParts, UserIdentifier } from "./user-identifier";
|
|
||||||
|
|
||||||
afterEach(() => {
|
|
||||||
cleanup();
|
|
||||||
});
|
|
||||||
|
|
||||||
type DeviceWithOptionalNo = API.UserDevice & { device_no?: string };
|
|
||||||
|
|
||||||
describe("getUserIdentifierParts", () => {
|
|
||||||
it("uses the device number and D label for device-auth users", () => {
|
|
||||||
expect(
|
|
||||||
getUserIdentifierParts({
|
|
||||||
auth_methods: [
|
|
||||||
{
|
|
||||||
auth_type: "device",
|
|
||||||
auth_identifier: "raw-device-id",
|
|
||||||
verified: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
user_devices: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
ip: "127.0.0.1",
|
|
||||||
identifier: "device-id",
|
|
||||||
user_agent:
|
|
||||||
"Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)",
|
|
||||||
online: true,
|
|
||||||
enabled: true,
|
|
||||||
created_at: 0,
|
|
||||||
updated_at: 0,
|
|
||||||
device_no: "DVC-001",
|
|
||||||
} satisfies DeviceWithOptionalNo,
|
|
||||||
],
|
|
||||||
})
|
|
||||||
).toMatchObject({
|
|
||||||
authLabel: "(D)",
|
|
||||||
identifier: "DVC-001",
|
|
||||||
isDevice: true,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it("falls back to the raw identifier and E label for email-auth users", () => {
|
|
||||||
expect(
|
|
||||||
getUserIdentifierParts({
|
|
||||||
auth_methods: [
|
|
||||||
{
|
|
||||||
auth_type: "email",
|
|
||||||
auth_identifier: "user@example.com",
|
|
||||||
verified: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
user_devices: [],
|
|
||||||
})
|
|
||||||
).toMatchObject({
|
|
||||||
authLabel: "(E)",
|
|
||||||
identifier: "user@example.com",
|
|
||||||
isDevice: false,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe("UserIdentifier", () => {
|
|
||||||
it("renders the compact auth label and visible identifier", () => {
|
|
||||||
render(
|
|
||||||
<UserIdentifier
|
|
||||||
user={{
|
|
||||||
auth_methods: [
|
|
||||||
{
|
|
||||||
auth_type: "email",
|
|
||||||
auth_identifier: "referrer@example.com",
|
|
||||||
verified: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
user_devices: [],
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(screen.getByText("(E)")).not.toBeNull();
|
|
||||||
expect(screen.getByText("referrer@example.com")).not.toBeNull();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("renders an empty fallback when no identifier is available", () => {
|
|
||||||
render(
|
|
||||||
<UserIdentifier
|
|
||||||
user={{
|
|
||||||
auth_methods: [],
|
|
||||||
user_devices: [],
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(screen.getByText("(E)")).not.toBeNull();
|
|
||||||
expect(screen.getByText("--")).not.toBeNull();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,66 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { Badge } from "@workspace/ui/components/badge";
|
|
||||||
import { parseDeviceType } from "@workspace/ui/utils/device";
|
|
||||||
|
|
||||||
type UserDeviceWithDeviceNo = API.UserDevice & {
|
|
||||||
device_no?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
type UserIdentifierUser = {
|
|
||||||
auth_methods?: API.UserAuthMethod[];
|
|
||||||
user_devices?: UserDeviceWithDeviceNo[];
|
|
||||||
};
|
|
||||||
|
|
||||||
type UserIdentifierParts = {
|
|
||||||
authLabel: "(D)" | "(E)";
|
|
||||||
deviceBadge?: string;
|
|
||||||
identifier: string;
|
|
||||||
isDevice: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
export function getUserIdentifierParts(
|
|
||||||
user?: UserIdentifierUser
|
|
||||||
): UserIdentifierParts {
|
|
||||||
const method = user?.auth_methods?.[0];
|
|
||||||
const firstDevice = user?.user_devices?.[0] as
|
|
||||||
| UserDeviceWithDeviceNo
|
|
||||||
| undefined;
|
|
||||||
const isDevice = method?.auth_type === "device";
|
|
||||||
const rawIdentifier = method?.auth_identifier || "";
|
|
||||||
const identifier = isDevice
|
|
||||||
? firstDevice?.device_no || rawIdentifier
|
|
||||||
: rawIdentifier;
|
|
||||||
|
|
||||||
return {
|
|
||||||
authLabel: isDevice ? "(D)" : "(E)",
|
|
||||||
deviceBadge: parseDeviceType(firstDevice?.user_agent || ""),
|
|
||||||
identifier,
|
|
||||||
isDevice,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function UserIdentifier({
|
|
||||||
className,
|
|
||||||
user,
|
|
||||||
}: {
|
|
||||||
className?: string;
|
|
||||||
user?: UserIdentifierUser;
|
|
||||||
}) {
|
|
||||||
const { authLabel, deviceBadge, identifier, isDevice } =
|
|
||||||
getUserIdentifierParts(user);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={className}>
|
|
||||||
{deviceBadge ? (
|
|
||||||
<Badge className="mr-1" variant="secondary">
|
|
||||||
{deviceBadge}
|
|
||||||
</Badge>
|
|
||||||
) : null}
|
|
||||||
<span className="mr-1 font-mono text-xs uppercase">{authLabel}</span>
|
|
||||||
<span title={isDevice ? identifier : undefined}>
|
|
||||||
{identifier || "--"}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
/**
|
|
||||||
* @vitest-environment jsdom
|
|
||||||
*/
|
|
||||||
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
|
|
||||||
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
||||||
import { UserSearchBar } from "./user-search-bar";
|
|
||||||
|
|
||||||
vi.mock("react-i18next", () => ({
|
|
||||||
useTranslation: () => ({
|
|
||||||
t: (_key: string, fallback: string): string => fallback,
|
|
||||||
}),
|
|
||||||
}));
|
|
||||||
|
|
||||||
afterEach(() => {
|
|
||||||
cleanup();
|
|
||||||
});
|
|
||||||
|
|
||||||
describe("UserSearchBar", () => {
|
|
||||||
it("keeps the controls usable on a narrow mobile viewport", () => {
|
|
||||||
Object.defineProperty(window, "innerWidth", {
|
|
||||||
configurable: true,
|
|
||||||
value: 390,
|
|
||||||
});
|
|
||||||
|
|
||||||
render(
|
|
||||||
<UserSearchBar
|
|
||||||
initialType="email"
|
|
||||||
initialValue=""
|
|
||||||
onSearch={vi.fn()}
|
|
||||||
subscribes={[]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(screen.getByRole("combobox")).not.toBeNull();
|
|
||||||
expect(screen.getByRole("button", { name: "Search" })).not.toBeNull();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("keeps the typed happy-path value and triggers search", () => {
|
|
||||||
const onSearch = vi.fn();
|
|
||||||
|
|
||||||
render(
|
|
||||||
<UserSearchBar
|
|
||||||
initialType="email"
|
|
||||||
initialValue=""
|
|
||||||
onSearch={onSearch}
|
|
||||||
subscribes={[]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
|
|
||||||
fireEvent.change(screen.getByPlaceholderText("Enter search term"), {
|
|
||||||
target: { value: "user@example.com" },
|
|
||||||
});
|
|
||||||
fireEvent.click(screen.getByRole("button", { name: "Search" }));
|
|
||||||
|
|
||||||
expect(onSearch).toHaveBeenCalledWith("email", "user@example.com");
|
|
||||||
expect(
|
|
||||||
(screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
|
|
||||||
.value
|
|
||||||
).toBe("user@example.com");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("syncs to external search changes for precise referrer navigation", () => {
|
|
||||||
const onSearch = vi.fn();
|
|
||||||
const { rerender } = render(
|
|
||||||
<UserSearchBar
|
|
||||||
initialType="email"
|
|
||||||
initialValue="old@example.com"
|
|
||||||
onSearch={onSearch}
|
|
||||||
subscribes={[]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(
|
|
||||||
(screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
|
|
||||||
.value
|
|
||||||
).toBe("old@example.com");
|
|
||||||
|
|
||||||
rerender(
|
|
||||||
<UserSearchBar
|
|
||||||
initialType="user_id"
|
|
||||||
initialValue="1024"
|
|
||||||
onSearch={onSearch}
|
|
||||||
subscribes={[]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(
|
|
||||||
(screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
|
|
||||||
.value
|
|
||||||
).toBe("1024");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,102 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { Button } from "@workspace/ui/components/button";
|
|
||||||
import { Input } from "@workspace/ui/components/input";
|
|
||||||
import {
|
|
||||||
Select,
|
|
||||||
SelectContent,
|
|
||||||
SelectItem,
|
|
||||||
SelectTrigger,
|
|
||||||
SelectValue,
|
|
||||||
} from "@workspace/ui/components/select";
|
|
||||||
import { Combobox } from "@workspace/ui/composed/combobox";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
|
|
||||||
export function UserSearchBar({
|
|
||||||
initialType,
|
|
||||||
initialValue,
|
|
||||||
onSearch,
|
|
||||||
subscribes,
|
|
||||||
}: {
|
|
||||||
initialType: string;
|
|
||||||
initialValue: string;
|
|
||||||
onSearch: (type: string, value: string) => void;
|
|
||||||
subscribes?: API.SubscribeItem[];
|
|
||||||
}) {
|
|
||||||
const { t } = useTranslation("user");
|
|
||||||
const [searchType, setSearchType] = useState(initialType);
|
|
||||||
const [searchValue, setSearchValue] = useState(initialValue);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
setSearchType(initialType);
|
|
||||||
setSearchValue(initialValue);
|
|
||||||
}, [initialType, initialValue]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<Select
|
|
||||||
onValueChange={(v) => {
|
|
||||||
setSearchType(v);
|
|
||||||
setSearchValue("");
|
|
||||||
}}
|
|
||||||
value={searchType}
|
|
||||||
>
|
|
||||||
<SelectTrigger className="w-48">
|
|
||||||
<SelectValue />
|
|
||||||
</SelectTrigger>
|
|
||||||
<SelectContent>
|
|
||||||
<SelectItem value="email">设备码/邮箱</SelectItem>
|
|
||||||
<SelectItem value="user_id">{t("userId", "User ID")}</SelectItem>
|
|
||||||
<SelectItem value="subscribe_id">
|
|
||||||
{t("subscription", "Subscription")}
|
|
||||||
</SelectItem>
|
|
||||||
</SelectContent>
|
|
||||||
</Select>
|
|
||||||
{searchType === "subscribe_id" ? (
|
|
||||||
<Combobox
|
|
||||||
className="w-48"
|
|
||||||
onChange={(value) => {
|
|
||||||
setSearchValue(value);
|
|
||||||
onSearch("subscribe_id", value);
|
|
||||||
}}
|
|
||||||
options={subscribes?.map((item) => ({
|
|
||||||
label: item.name!,
|
|
||||||
value: String(item.id!),
|
|
||||||
}))}
|
|
||||||
placeholder={t("subscription", "Subscription")}
|
|
||||||
value={searchValue}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
<Input
|
|
||||||
className="w-48"
|
|
||||||
onChange={(e) => setSearchValue(e.target.value)}
|
|
||||||
onKeyDown={(e) =>
|
|
||||||
e.key === "Enter" && onSearch(searchType, searchValue)
|
|
||||||
}
|
|
||||||
placeholder={t("searchInputPlaceholder", "Enter search term")}
|
|
||||||
value={searchValue}
|
|
||||||
/>
|
|
||||||
<Button
|
|
||||||
onClick={() => onSearch(searchType, searchValue)}
|
|
||||||
variant="default"
|
|
||||||
>
|
|
||||||
{t("search", "Search")}
|
|
||||||
</Button>
|
|
||||||
{searchValue && (
|
|
||||||
<Button
|
|
||||||
onClick={() => {
|
|
||||||
setSearchValue("");
|
|
||||||
onSearch(searchType, "");
|
|
||||||
}}
|
|
||||||
variant="outline"
|
|
||||||
>
|
|
||||||
{t("resetSearch", "Reset")}
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -54,10 +54,6 @@ function toUserSubscribePayload(values: SubscriptionFormValues) {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
function resolvePlanSpeed(row: API.UserSubscribe) {
|
|
||||||
return row.plan_speed_limit ?? row.subscribe?.speed_limit ?? 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function UserSubscription({ userId }: { userId: number }) {
|
export default function UserSubscription({ userId }: { userId: number }) {
|
||||||
const { t } = useTranslation("user");
|
const { t } = useTranslation("user");
|
||||||
const [loading, setLoading] = useState(false);
|
const [loading, setLoading] = useState(false);
|
||||||
@@ -319,11 +315,10 @@ export default function UserSubscription({ userId }: { userId: number }) {
|
|||||||
cell: ({ row }) => {
|
cell: ({ row }) => {
|
||||||
const userSpeed = row.original.speed_limit ?? 0;
|
const userSpeed = row.original.speed_limit ?? 0;
|
||||||
const effectiveSpeed = row.original.effective_speed ?? 0;
|
const effectiveSpeed = row.original.effective_speed ?? 0;
|
||||||
const planSpeed = resolvePlanSpeed(row.original);
|
const planSpeed = row.original.subscribe?.speed_limit ?? 0;
|
||||||
const speed = effectiveSpeed || userSpeed || planSpeed;
|
const speed = effectiveSpeed || userSpeed || planSpeed;
|
||||||
const source = row.original.is_throttled
|
const source =
|
||||||
? t("effectiveSpeed", "Effective Speed")
|
userSpeed > 0
|
||||||
: userSpeed > 0
|
|
||||||
? t("userOverride", "User Override")
|
? t("userOverride", "User Override")
|
||||||
: t("subscriptionDefault", "Subscription Default");
|
: t("subscriptionDefault", "Subscription Default");
|
||||||
|
|
||||||
@@ -340,16 +335,6 @@ export default function UserSubscription({ userId }: { userId: number }) {
|
|||||||
<span className="text-muted-foreground text-xs">
|
<span className="text-muted-foreground text-xs">
|
||||||
{source}
|
{source}
|
||||||
</span>
|
</span>
|
||||||
<span className="text-muted-foreground text-xs">
|
|
||||||
{t("userOverride", "User Override")}:{" "}
|
|
||||||
<span className="inline-block">
|
|
||||||
<Display type="trafficSpeed" value={userSpeed} />
|
|
||||||
</span>{" "}
|
|
||||||
/ {t("subscriptionDefault", "Subscription Default")}:{" "}
|
|
||||||
<span className="inline-block">
|
|
||||||
<Display type="trafficSpeed" value={planSpeed} />
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -87,12 +87,11 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
|
|||||||
|
|
||||||
if (detail.status !== 1) return null;
|
if (detail.status !== 1) return null;
|
||||||
|
|
||||||
const baseSpeed =
|
const baseSpeed = detail.subscribe?.speed_limit ?? 0;
|
||||||
detail.plan_speed_limit ?? detail.subscribe?.speed_limit ?? 0;
|
|
||||||
const userSpeed = detail.speed_limit ?? 0;
|
const userSpeed = detail.speed_limit ?? 0;
|
||||||
const effectiveSpeed = detail.effective_speed ?? 0;
|
const effectiveSpeed = detail.effective_speed ?? 0;
|
||||||
const isThrottled = detail.is_throttled;
|
const isThrottled = detail.is_throttled;
|
||||||
const rules = detail.user_traffic_limit || detail.traffic_limit || [];
|
const rules = detail.traffic_limit || [];
|
||||||
const hasLimitConfig =
|
const hasLimitConfig =
|
||||||
baseSpeed > 0 || userSpeed > 0 || effectiveSpeed > 0 || rules.length > 0;
|
baseSpeed > 0 || userSpeed > 0 || effectiveSpeed > 0 || rules.length > 0;
|
||||||
|
|
||||||
|
|||||||
@@ -40,12 +40,6 @@ interface Props {
|
|||||||
|
|
||||||
type SubscriptionTrafficLimitRule = API.UserSubscribeTrafficLimitRule;
|
type SubscriptionTrafficLimitRule = API.UserSubscribeTrafficLimitRule;
|
||||||
|
|
||||||
function getUserTrafficLimitRules(
|
|
||||||
data?: Pick<API.UserSubscribe, "traffic_limit" | "user_traffic_limit">
|
|
||||||
) {
|
|
||||||
return data?.user_traffic_limit || data?.traffic_limit || [];
|
|
||||||
}
|
|
||||||
|
|
||||||
const defaultLimitRule: SubscriptionTrafficLimitRule = {
|
const defaultLimitRule: SubscriptionTrafficLimitRule = {
|
||||||
stat_type: "day",
|
stat_type: "day",
|
||||||
stat_value: 1,
|
stat_value: 1,
|
||||||
@@ -104,7 +98,7 @@ export function SubscriptionForm({
|
|||||||
traffic: initialData?.traffic || 0,
|
traffic: initialData?.traffic || 0,
|
||||||
speed_limit: initialData?.speed_limit || 0,
|
speed_limit: initialData?.speed_limit || 0,
|
||||||
device_limit: initialData?.device_limit || 0,
|
device_limit: initialData?.device_limit || 0,
|
||||||
traffic_limit: getUserTrafficLimitRules(initialData),
|
traffic_limit: initialData?.traffic_limit || [],
|
||||||
upload: initialData?.upload || 0,
|
upload: initialData?.upload || 0,
|
||||||
download: initialData?.download || 0,
|
download: initialData?.download || 0,
|
||||||
expired_at: initialData?.expire_time || 0,
|
expired_at: initialData?.expire_time || 0,
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ const WITHDRAWAL_METHOD_MAP: Record<number, string> = {
|
|||||||
0: "其他",
|
0: "其他",
|
||||||
1: "支付宝",
|
1: "支付宝",
|
||||||
2: "微信",
|
2: "微信",
|
||||||
3: "USDT(TRC20)",
|
3: "银行卡",
|
||||||
};
|
};
|
||||||
|
|
||||||
const rejectSchema = z.object({
|
const rejectSchema = z.object({
|
||||||
@@ -143,7 +143,7 @@ export default function WithdrawalPage() {
|
|||||||
const methodOptions = [
|
const methodOptions = [
|
||||||
{ value: "1", label: "支付宝" },
|
{ value: "1", label: "支付宝" },
|
||||||
{ value: "2", label: "微信" },
|
{ value: "2", label: "微信" },
|
||||||
{ value: "3", label: "USDT(TRC20)" },
|
{ value: "3", label: "银行卡" },
|
||||||
{ value: "0", label: "其他" },
|
{ value: "0", label: "其他" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,6 @@
|
|||||||
"originalPrice": "Original Price (Monthly)",
|
"originalPrice": "Original Price (Monthly)",
|
||||||
"price": "Price",
|
"price": "Price",
|
||||||
"productDiscount": "Product Discount",
|
"productDiscount": "Product Discount",
|
||||||
"promoDiscount": "Promo Discount",
|
|
||||||
"total": "Total"
|
"total": "Total"
|
||||||
},
|
},
|
||||||
"buy": "Buy",
|
"buy": "Buy",
|
||||||
|
|||||||
@@ -9,7 +9,6 @@
|
|||||||
"originalPrice": "原价(按月)",
|
"originalPrice": "原价(按月)",
|
||||||
"price": "价格",
|
"price": "价格",
|
||||||
"productDiscount": "商品折扣",
|
"productDiscount": "商品折扣",
|
||||||
"promoDiscount": "促销优惠",
|
|
||||||
"total": "总价"
|
"total": "总价"
|
||||||
},
|
},
|
||||||
"buy": "购买",
|
"buy": "购买",
|
||||||
|
|||||||
@@ -10,7 +10,6 @@ interface SubscribeBillingProps {
|
|||||||
unit_price: number;
|
unit_price: number;
|
||||||
unit_time: string;
|
unit_time: string;
|
||||||
subscribe_discount: number;
|
subscribe_discount: number;
|
||||||
promo_discount: number;
|
|
||||||
show_original_price?: boolean;
|
show_original_price?: boolean;
|
||||||
}
|
}
|
||||||
>;
|
>;
|
||||||
@@ -67,14 +66,6 @@ export function SubscribeBilling({ order }: Readonly<SubscribeBillingProps>) {
|
|||||||
<Display type="currency" value={order?.discount} />
|
<Display type="currency" value={order?.discount} />
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
|
||||||
<span className="text-muted-foreground">
|
|
||||||
{t("billing.promoDiscount", "Promo Discount")}
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<Display type="currency" value={order?.promo_discount} />
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<span className="text-muted-foreground">
|
<span className="text-muted-foreground">
|
||||||
{t("billing.couponDiscount", "Coupon Discount")}
|
{t("billing.couponDiscount", "Coupon Discount")}
|
||||||
|
|||||||
@@ -18,10 +18,10 @@ export function PromoInfo({ discount }: Readonly<PromoInfoProps>) {
|
|||||||
<span className="font-medium">
|
<span className="font-medium">
|
||||||
{promo.rule_name || t("promo.available", "Promo Available")}
|
{promo.rule_name || t("promo.available", "Promo Available")}
|
||||||
</span>
|
</span>
|
||||||
{promo.expires_at && (
|
{promo.end_time && (
|
||||||
<span className="text-muted-foreground text-xs">
|
<span className="text-muted-foreground text-xs">
|
||||||
{t("promo.validUntil", "Valid until")}:{" "}
|
{t("promo.validUntil", "Valid until")}:{" "}
|
||||||
{new Date(promo.expires_at * 1000).toLocaleString()}
|
{new Date(promo.end_time * 1000).toLocaleString()}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -63,7 +63,7 @@ import { useGlobalStore } from "@/stores/global";
|
|||||||
const WITHDRAWAL_METHODS = [
|
const WITHDRAWAL_METHODS = [
|
||||||
{ value: 1, label: "支付宝" },
|
{ value: 1, label: "支付宝" },
|
||||||
{ value: 2, label: "微信" },
|
{ value: 2, label: "微信" },
|
||||||
{ value: 3, label: "USDT(TRC20)" },
|
{ value: 3, label: "银行卡" },
|
||||||
{ value: 0, label: "其他" },
|
{ value: 0, label: "其他" },
|
||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
@@ -111,21 +111,13 @@ function QrCodeView({ url }: { url: string }) {
|
|||||||
<img
|
<img
|
||||||
alt="收款码"
|
alt="收款码"
|
||||||
className="h-16 w-16 cursor-zoom-in object-cover"
|
className="h-16 w-16 cursor-zoom-in object-cover"
|
||||||
height={64}
|
|
||||||
src={url}
|
src={url}
|
||||||
width={64}
|
|
||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
{zoomOpen && (
|
{zoomOpen && (
|
||||||
<Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
|
<Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
|
||||||
<DialogContent className="max-w-sm">
|
<DialogContent className="max-w-sm">
|
||||||
<img
|
<img alt="收款码" className="w-full" src={url} />
|
||||||
alt="收款码"
|
|
||||||
className="w-full"
|
|
||||||
height={320}
|
|
||||||
src={url}
|
|
||||||
width={320}
|
|
||||||
/>
|
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
)}
|
)}
|
||||||
@@ -161,16 +153,18 @@ const withdrawalFormSchema = z
|
|||||||
if (!data.account) {
|
if (!data.account) {
|
||||||
ctx.addIssue({
|
ctx.addIssue({
|
||||||
code: z.ZodIssueCode.custom,
|
code: z.ZodIssueCode.custom,
|
||||||
message: "USDT(TRC20) 地址为必填",
|
message: "银行卡收款账号为必填",
|
||||||
|
path: ["account"],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else if (data.method === 0) {
|
||||||
|
if (!data.account && !data.content) {
|
||||||
|
ctx.addIssue({
|
||||||
|
code: z.ZodIssueCode.custom,
|
||||||
|
message: "收款账号和备注至少填一项",
|
||||||
path: ["account"],
|
path: ["account"],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} else if (data.method === 0 && !(data.account || data.content)) {
|
|
||||||
ctx.addIssue({
|
|
||||||
code: z.ZodIssueCode.custom,
|
|
||||||
message: "收款账号和备注至少填一项",
|
|
||||||
path: ["account"],
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -427,7 +421,9 @@ export default function Affiliate() {
|
|||||||
<FormItem>
|
<FormItem>
|
||||||
<FormLabel>
|
<FormLabel>
|
||||||
收款码
|
收款码
|
||||||
<span className="ml-1 text-destructive">*</span>
|
<span className="ml-1 text-destructive">
|
||||||
|
*
|
||||||
|
</span>
|
||||||
</FormLabel>
|
</FormLabel>
|
||||||
{watchedQrCodeUrl ? (
|
{watchedQrCodeUrl ? (
|
||||||
<div className="relative inline-block">
|
<div className="relative inline-block">
|
||||||
@@ -450,9 +446,7 @@ export default function Affiliate() {
|
|||||||
returnType="file"
|
returnType="file"
|
||||||
>
|
>
|
||||||
<div className="flex h-24 w-24 flex-col items-center justify-center rounded border-2 border-dashed text-muted-foreground text-xs">
|
<div className="flex h-24 w-24 flex-col items-center justify-center rounded border-2 border-dashed text-muted-foreground text-xs">
|
||||||
{qrUploading
|
{qrUploading ? "上传中..." : "点击上传\n收款码"}
|
||||||
? "上传中..."
|
|
||||||
: "点击上传\n收款码"}
|
|
||||||
</div>
|
</div>
|
||||||
</UploadImage>
|
</UploadImage>
|
||||||
)}
|
)}
|
||||||
@@ -480,7 +474,7 @@ export default function Affiliate() {
|
|||||||
<Input
|
<Input
|
||||||
placeholder={
|
placeholder={
|
||||||
watchedMethod === 3
|
watchedMethod === 3
|
||||||
? "请输入 USDT(TRC20) 收款地址"
|
? "请输入银行卡号或账户信息"
|
||||||
: "请输入收款账号(与备注至少填一项)"
|
: "请输入收款账号(与备注至少填一项)"
|
||||||
}
|
}
|
||||||
{...field}
|
{...field}
|
||||||
@@ -525,7 +519,9 @@ export default function Affiliate() {
|
|||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
disabled={
|
disabled={
|
||||||
submitting || qrUploading || availableCommission <= 0
|
submitting ||
|
||||||
|
qrUploading ||
|
||||||
|
availableCommission <= 0
|
||||||
}
|
}
|
||||||
form="withdrawal-form"
|
form="withdrawal-form"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
|||||||
-4
@@ -2664,13 +2664,11 @@ declare namespace API {
|
|||||||
download: number;
|
download: number;
|
||||||
upload: number;
|
upload: number;
|
||||||
speed_limit?: number;
|
speed_limit?: number;
|
||||||
plan_speed_limit?: number;
|
|
||||||
device_limit?: number;
|
device_limit?: number;
|
||||||
effective_speed?: number;
|
effective_speed?: number;
|
||||||
is_throttled?: boolean;
|
is_throttled?: boolean;
|
||||||
throttle_rule?: string;
|
throttle_rule?: string;
|
||||||
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
||||||
user_traffic_limit?: UserSubscribeTrafficLimitRule[];
|
|
||||||
token: string;
|
token: string;
|
||||||
status: number;
|
status: number;
|
||||||
short: string;
|
short: string;
|
||||||
@@ -2701,10 +2699,8 @@ declare namespace API {
|
|||||||
download: number;
|
download: number;
|
||||||
upload: number;
|
upload: number;
|
||||||
speed_limit?: number;
|
speed_limit?: number;
|
||||||
plan_speed_limit?: number;
|
|
||||||
device_limit?: number;
|
device_limit?: number;
|
||||||
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
||||||
user_traffic_limit?: UserSubscribeTrafficLimitRule[];
|
|
||||||
token: string;
|
token: string;
|
||||||
status: number;
|
status: number;
|
||||||
effective_speed: number;
|
effective_speed: number;
|
||||||
|
|||||||
+1
-3
@@ -548,7 +548,6 @@ declare namespace API {
|
|||||||
price: number;
|
price: number;
|
||||||
amount: number;
|
amount: number;
|
||||||
discount: number;
|
discount: number;
|
||||||
promo_discount: number;
|
|
||||||
gift_amount: number;
|
gift_amount: number;
|
||||||
coupon: string;
|
coupon: string;
|
||||||
coupon_discount: number;
|
coupon_discount: number;
|
||||||
@@ -1025,9 +1024,8 @@ declare namespace API {
|
|||||||
|
|
||||||
type SubscribeDiscountPromo = {
|
type SubscribeDiscountPromo = {
|
||||||
rule_name?: string;
|
rule_name?: string;
|
||||||
rule_type?: string;
|
|
||||||
promo_price: number;
|
promo_price: number;
|
||||||
expires_at?: number;
|
end_time?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
type SubscribeGroup = {
|
type SubscribeGroup = {
|
||||||
|
|||||||
Reference in New Issue
Block a user