bug fixed
This commit is contained in:
@@ -2,11 +2,8 @@ export interface UserData {
|
||||
id: number;
|
||||
username: string;
|
||||
first_name: string;
|
||||
last_name: string;
|
||||
middle_name: null | string;
|
||||
gender: "M" | "F" | null;
|
||||
region: null | string;
|
||||
address: null | string;
|
||||
name: string;
|
||||
short_name: string;
|
||||
created_at: string;
|
||||
password_set: boolean;
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import { user_api } from "@/features/users/lib/api";
|
||||
import type { UserData } from "@/features/users/lib/data";
|
||||
import { Badge } from "@/shared/ui/badge";
|
||||
import formatDate from "@/shared/lib/formatDate";
|
||||
import { Button } from "@/shared/ui/button";
|
||||
import {
|
||||
Dialog,
|
||||
@@ -51,35 +51,6 @@ export function UserCard({ users }: UserListProps) {
|
||||
const [open, setOpen] = useState<boolean>(false);
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
const getGenderColor = (gender: "M" | "F" | null) => {
|
||||
switch (gender) {
|
||||
case "M":
|
||||
return "bg-blue-100 text-blue-800";
|
||||
case "F":
|
||||
return "bg-pink-100 text-pink-800";
|
||||
default:
|
||||
return "bg-gray-100 text-gray-800";
|
||||
}
|
||||
};
|
||||
|
||||
const getGenderLabel = (gender: "M" | "F" | null) => {
|
||||
switch (gender) {
|
||||
case "M":
|
||||
return "Erkak";
|
||||
case "F":
|
||||
return "Ayol";
|
||||
default:
|
||||
return "Ko'rsatilmagan";
|
||||
}
|
||||
};
|
||||
|
||||
const getFullName = (user: UserData) => {
|
||||
const parts = [user.first_name, user.middle_name, user.last_name].filter(
|
||||
Boolean,
|
||||
);
|
||||
return parts.length > 0 ? parts.join(" ") : user.username;
|
||||
};
|
||||
|
||||
const form = useForm<z.infer<typeof passwordSet>>({
|
||||
resolver: zodResolver(passwordSet),
|
||||
defaultValues: {
|
||||
@@ -130,9 +101,6 @@ export function UserCard({ users }: UserListProps) {
|
||||
<TableHead className="w-[50px]">ID</TableHead>
|
||||
<TableHead>To'liq ism</TableHead>
|
||||
<TableHead>Username</TableHead>
|
||||
<TableHead>Jinsi</TableHead>
|
||||
<TableHead>Hudud</TableHead>
|
||||
<TableHead>Manzil</TableHead>
|
||||
<TableHead>Ro'yxatdan o'tgan</TableHead>
|
||||
<TableHead className="text-right">Amallar</TableHead>
|
||||
</TableRow>
|
||||
@@ -143,34 +111,16 @@ export function UserCard({ users }: UserListProps) {
|
||||
<TableCell className="font-medium">{user.id}</TableCell>
|
||||
<TableCell>
|
||||
<div className="flex flex-col">
|
||||
<span className="font-medium">{getFullName(user)}</span>
|
||||
<span className="font-medium">{user.name}</span>
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<span className="text-muted-foreground">@{user.username}</span>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<Badge className={getGenderColor(user.gender)}>
|
||||
{getGenderLabel(user.gender)}
|
||||
</Badge>
|
||||
</TableCell>
|
||||
|
||||
<TableCell>
|
||||
<span className="text-sm text-muted-foreground">
|
||||
{user.region || "-"}
|
||||
</span>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<span className="text-sm text-muted-foreground">
|
||||
{user.address || "-"}
|
||||
</span>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<span className="text-sm text-muted-foreground">
|
||||
{new Date(user.created_at).toLocaleDateString("uz-UZ", {
|
||||
year: "numeric",
|
||||
month: "short",
|
||||
day: "numeric",
|
||||
})}
|
||||
{formatDate.format(user.created_at, "DD-MM-YYYY")}
|
||||
</span>
|
||||
</TableCell>
|
||||
<TableCell className="text-right">
|
||||
|
||||
@@ -11,7 +11,7 @@ export default defineConfig({
|
||||
alias: [{ find: "@", replacement: path.resolve(__dirname, "src") }],
|
||||
},
|
||||
server: {
|
||||
port: 3002,
|
||||
port: 8081,
|
||||
open: true,
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user