mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-22 23:42:00 +00:00
i701
75ad431160
- Introduced wallet payment option in verifyPayment function to allow users to pay using their wallet balance. - Added new BlockDeviceDialog component for managing device blocking and unblocking actions. - Updated DeviceCard component to display device status and integrate blocking functionality. - Refactored DevicesTable to utilize DeviceCard for better UI representation of devices. - Implemented Wallet component to manage wallet balance and top-up functionality. - Enhanced API routes and Prisma schema to support wallet transactions and device blocking reasons. - Improved overall user experience with responsive design adjustments and new UI elements. These changes improve user control over payments and device management, enhancing the overall functionality of the application.
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import { blockDevice } from "@/actions/omada-actions";
|
|
import { Button } from "@/components/ui/button";
|
|
import type { Device } from "@prisma/client";
|
|
import { useState } from "react";
|
|
import { toast } from "sonner";
|
|
import { TextShimmer } from "./ui/text-shimmer";
|
|
|
|
export default function BlockDeviceDialog({ device }: { device: Device }) {
|
|
const [disabled, setDisabled] = useState(false);
|
|
return (
|
|
<Button
|
|
className="w-full mt-2"
|
|
disabled={disabled}
|
|
onClick={() => {
|
|
setDisabled(true);
|
|
toast.promise(blockDevice({ macAddress: device.mac, type: device.blocked ? "unblock" : "block" }), {
|
|
loading: device.blocked ? "Unblocking..." : "Blocking...",
|
|
success: () => {
|
|
setDisabled(false);
|
|
return `Device ${device.name} successfully ${device.blocked ? "unblocked" : "blocked"
|
|
}!`;
|
|
},
|
|
error: () => {
|
|
setDisabled(false);
|
|
return "Something went wrong";
|
|
},
|
|
});
|
|
}}
|
|
>
|
|
{disabled ? <TextShimmer>{device.blocked ? "Unblocking..." : "Blocking..."}</TextShimmer> : (device?.blocked ? "Unblock" : "Block")}
|
|
</Button>
|
|
)
|
|
} |