sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-06-30 10:13:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: add tryCatch utility for error handling, update device-related components and types, and clean up unused code in payment actions
Some checks failed
Build and Push Docker Images / Build and Push Docker Images (push) Failing after 13m55s
Details

Browse Source
This commit is contained in:
i701
2025-04-05 16:07:11 +05:00
parent dbdc1df7d5
commit aa18484475
16 changed files with 641 additions and 599 deletions
Download Patch File Download Diff File Expand all files Collapse all files

223
components/user/add-device-dialog.tsx
View File

@ -1,19 +1,20 @@
"use client";
import { AddDevice } from "@/actions/user-actions";
import { Button } from "@/components/ui/button";
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { addDevice } from "@/queries/devices";
import { tryCatch } from "@/utils/tryCatch";
import { zodResolver } from "@hookform/resolvers/zod";
import { Loader2, Plus } from "lucide-react";
@ -23,112 +24,112 @@ import { toast } from "sonner";
import { z } from "zod";
export default function AddDeviceDialogForm({ user_id }: { user_id?: string }) {
const formSchema = z.object({
name: z.string().min(2, { message: "Name is required." }),
mac_address: z
.string()
.min(2, { message: "MAC Address is required." })
.regex(
/^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/,
"Please enter a valid MAC address",
),
});
const formSchema = z.object({
name: z.string().min(2, { message: "Name is required." }),
mac_address: z
.string()
.min(2, { message: "MAC Address is required." })
.regex(
/^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/,
"Please enter a valid MAC address",
),
});
const [disabled, setDisabled] = useState(false);
const [open, setOpen] = useState(false);
const {
register,
handleSubmit,
formState: { errors },
} = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
});
const [disabled, setDisabled] = useState(false);
const [open, setOpen] = useState(false);
const {
register,
handleSubmit,
formState: { errors },
} = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
});
if (!user_id) {
return null;
}
if (!user_id) {
return null
}
const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = async (data) => {
console.log(data);
setDisabled(true);
const [error, response] = await tryCatch(
addDevice({
mac: data.mac_address,
name: data.name,
}),
);
if (error) {
toast.error(error.message || "Something went wrong.");
setDisabled(false);
} else {
setOpen(false);
setDisabled(false);
toast.success("Device successfully added!");
}
};
const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = (data) => {
console.log(data);
setDisabled(true)
toast.promise(AddDevice({ mac_address: data.mac_address, name: data.name, user_id: user_id }), {
loading: 'Adding new device...',
success: () => {
setDisabled(false)
setOpen((prev) => !prev)
return 'Device successfully added!'
},
error: (error) => {
setDisabled(false)
return error || 'Something went wrong.'
},
})
};
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
<Button
className="gap-2 items-center"
disabled={disabled}
variant="default"
>
Add Device
<Plus size={16} />
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle>New Device</DialogTitle>
<DialogDescription>
To add a new device, enter the device name and mac address below.
Click save when you are done.
</DialogDescription>
</DialogHeader>
<form onSubmit={handleSubmit(onSubmit)}>
<div className="grid gap-4 py-4">
<div className="flex flex-col gap-2">
<div>
<Label htmlFor="device_name" className="text-right">
Device Name
</Label>
<Input
placeholder="eg: Iphone X"
type="text"
{...register("name")}
id="device_name"
className="col-span-3"
/>
<span className="text-red-500 text-sm">
{errors.name?.message}
</span>
</div>
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
<Button
className="gap-2 items-center"
disabled={disabled}
variant="default"
>
Add Device
<Plus size={16} />
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle>New Device</DialogTitle>
<DialogDescription>
To add a new device, enter the device name and mac address below. Click save when you are done.
</DialogDescription>
</DialogHeader>
<form onSubmit={handleSubmit(onSubmit)}>
<div className="grid gap-4 py-4">
<div className="flex flex-col gap-2">
<div>
<Label htmlFor="device_name" className="text-right">
Device Name
</Label>
<Input
placeholder="eg: Iphone X"
type="text"
{...register("name")}
id="device_name"
className="col-span-3"
/>
<span className="text-red-500 text-sm">
{errors.name?.message}
</span>
</div>
<div>
<Label htmlFor="address" className="text-right">
Mac Address
</Label>
<Input
placeholder="Mac address of your device"
{...register("mac_address")}
id="mac_address"
className="col-span-3"
/>
<span className="text-red-500 text-sm">
{errors.mac_address?.message}
</span>
</div>
</div>
</div>
<DialogFooter>
<Button disabled={disabled} type="submit">
{disabled ? <Loader2 className="animate-spin" /> : "Save"}
</Button>
</DialogFooter>
</form>
</DialogContent>
</Dialog>
);
<div>
<Label htmlFor="address" className="text-right">
Mac Address
</Label>
<Input
placeholder="Mac address of your device"
{...register("mac_address")}
id="mac_address"
className="col-span-3"
/>
<span className="text-red-500 text-sm">
{errors.mac_address?.message}
</span>
</div>
</div>
</div>
<DialogFooter>
<Button disabled={disabled} type="submit">
{disabled ? <Loader2 className="animate-spin" /> : "Save"}
</Button>
</DialogFooter>
</form>
</DialogContent>
</Dialog>
);
}