From 196940fe51c30f3a743893c46f9df6eccf6eca29 Mon Sep 17 00:00:00 2001
From: Amarnath AS <amarnathas2003@gmail.com>
Date: Sat, 9 Mar 2024 17:02:09 +0530
Subject: [PATCH] feat: admin time formatter added

---
 client/src/pages/AdminPages/Rights/Rights.tsx | 98 -------------------
 client/src/utils/timeFormat.js                |  6 ++
 2 files changed, 6 insertions(+), 98 deletions(-)
 delete mode 100644 client/src/pages/AdminPages/Rights/Rights.tsx
 create mode 100644 client/src/utils/timeFormat.js

diff --git a/client/src/pages/AdminPages/Rights/Rights.tsx b/client/src/pages/AdminPages/Rights/Rights.tsx
deleted file mode 100644
index 78f812f..0000000
--- a/client/src/pages/AdminPages/Rights/Rights.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React, { useEffect, useState } from "react";
-import AddRight from "../../../components/AddRight/AddRight";
-import EditRight from "../../../components/EditRight/EditRight";
-import { getRight } from "../../../Services/rightServices";
-import { getDelete } from "../../../Services/rightServices";
-
-function Rights() {
-  const [openModal, setOpenModal] = useState(false);
-  const [rightDetails, setRightDetails] = useState();
-  const handleModal = () => {
-    setOpenModal(true);
-  };
-  useEffect(() => {
-    const getRights = async () => {
-      const response = await getRight();
-      console.log("This is the response", response);
-    };
-  }, []);
-  const handleDelete = async (rightId: string) => {
-    const response = await getDelete(rightId);
-  };
-  return (
-    <>
-      <EditRight
-        setOpenModal={setOpenModal}
-        openModal={openModal}
-        rightDetails={rightDetails}
-      />
-      <AddRight setOpenModal={setOpenModal} openModal={openModal} />
-      <div className=" h-screen bg-background">
-        <div className="col-span-9">
-          {/* Text Components  */}
-          <div className="text-text flex justify-between">
-            <div>
-              <h1 className="text-2xl py-12">Rights Management</h1>
-            </div>
-            <div className="px-8">
-              <button
-                className="text-xl py-12 text-pretty text-primary underline"
-                onClick={handleModal}
-              >
-                Create
-              </button>
-            </div>
-          </div>
-          {/* Table Component  */}
-          <div>
-            <table className="w-full text-sm text-left rtl:text-right rounded">
-              <thead className="text-xs bg-secondary rounded">
-                <tr>
-                  <th scope="col" className="px-6 py-3 text-primary">
-                    No
-                  </th>
-                  <th scope="col" className="px-6 py-3 text-primary">
-                    Name
-                  </th>
-                  <th scope="col" className="px-6 py-3 text-primary">
-                    Date
-                  </th>
-                  <th
-                    scope="col"
-                    className="px-6 py-3 text-primary text-center"
-                  >
-                    Edit or Delete
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="text-text">
-                <tr className="border-b border-gray-500">
-                  <th scope="row" className="px-6 py-4 font-medium">
-                    1
-                  </th>
-                  <td className="px-6 py-4">Women Council Act 304</td>
-                  <td className="px-6 py-4">18-03-2003</td>
-                  <td className="px-6 py-4 flex justify-center">
-                    <button
-                      className="border py-1 px-6 rounded hover:bg-green-500"
-                      onClick={handleModal}
-                    >
-                      Edit
-                    </button>
-                    <button
-                      className="border py-1 px-6 rounded ml-2 hover:bg-red-700"
-                      onClick={() => handleDelete("rightId")}
-                    >
-                      Delete
-                    </button>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
-export default Rights;
diff --git a/client/src/utils/timeFormat.js b/client/src/utils/timeFormat.js
new file mode 100644
index 0000000..47ccf08
--- /dev/null
+++ b/client/src/utils/timeFormat.js
@@ -0,0 +1,6 @@
+const timeFormat = (mongoDate) => {
+    const date = new Date(mongoDate);
+    const options = { month: '2-digit', day: '2-digit', year: 'numeric' };
+    return date.toLocaleDateString('en-US', options);
+}
+export default timeFormat;
\ No newline at end of file