renamed CheckInOut to CheckInOutManagement

2024-12-24 00:15:08 +05:30
parent 154eba0474
commit 17681e64ad
1 changed files with 0 additions and 0 deletions
--- a/src/pages/CheckInOutManagement.jsx
+++ b/src/pages/CheckInOutManagement.jsx
@@ -0,0 +1,89 @@
+import FormBox from "../components/FormBox";
+import { useState } from "react";
+import FormField from "../components/FormField";
+import FormInput from "../components/FormInput";
+import { Search } from "lucide-react";
+import Button from "../components/Button";
+import { AnimatePresence } from "motion/react";
+import Notification from "../components/Notification";
+import { useToast } from "../hooks/useToast";
+import { lockerService } from "../services/locker.service";
+import { useLoading } from "../hooks/useLoading";
+
+function CheckInOutManagement() {
+  const [accountNumber, setAccountNumber] = useState("");
+  const [notification, setNotification] = useState({
+    visible: false,
+    message: "",
+    type: "",
+  });
+
+  const showToast = useToast();
+  const { setIsLoading } = useLoading();
+
+  const handleNext = async (e) => {
+    e.preventDefault();
+    if (accountNumber === "") {
+      showToast("Account Number is required", "error");
+      return;
+    }
+    try {
+      setIsLoading(true);
+      const response = await lockerService.preCheckIn(accountNumber);
+      console.log(response.data);
+      if (response.status === 200) {
+        const data = response.data;
+        if (data.code === 1) {
+          setNotification({
+            visible: true,
+            message: "Account is valid. Please proceed to the next step.",
+            type: "success",
+          });
+        } else if (data.code === 2) {
+          setNotification({
+            visible: true,
+            message:
+              "Monthly access limit exceeded. A fine will be charged for each additional access.",
+            type: "warning",
+          });
+        } else if (data.code === 3) {
+          setNotification({
+            visible: true,
+            message:
+              "Rent for this account is due. Please pay the rent amount in full to access the locker.",
+            type: "error",
+          });
+        }
+      }
+    } catch (error) {
+      console.log(error);
+      setNotification(error.message, "error");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return (
+    <div>
+      <AnimatePresence>
+        {notification.visible && <Notification notification={notification} />}
+      </AnimatePresence>
+      <FormBox title="Check In/Out">
+        <div className="p-2 pt-7">
+          <FormField
+            label="Account Number"
+            icon={{ icon: <Search size={17} />, onClick: () => {} }}
+          >
+            <FormInput
+              type="text"
+              value={accountNumber}
+              onChange={(e) => setAccountNumber(e.target.value)}
+            />
+          </FormField>
+        </div>
+        <Button text="Next" onClick={handleNext} />
+      </FormBox>
+    </div>
+  );
+}
+
+export default CheckInOutManagement;