ManagementSystem/TrackingToolWeb/client/src/pages/main/components/tab-features/register.tsx

30 lines
905 B
TypeScript

import { Button } from "@/components/ui/button";
import useAppStore from "@/stores/use-app-store";
import { User2 } from "lucide-react";
// import { UserModal } from "../modals/user-modal";
import { CameraNotificationModal } from "../modals/camera-notification-modal";
import { UserModal } from "../modals/user-modal";
export default function Register() {
const { isAutoChecking, captureRegisterImage, isCountDown } = useAppStore();
return (
<>
<CameraNotificationModal>
<Button
onClick={() => {}}
disabled={isAutoChecking}
className="w-full bg-green-600 hover:bg-green-700 text-white font-semibold"
>
<User2 className="mr-2 size-4" />
Tạo User Checking
</Button>
</CameraNotificationModal>
{captureRegisterImage && !isCountDown && (
<UserModal trackingOpen={true} />
)}
</>
);
}