iiitl#4: Add Time stamp

piyushkumar079 · Mar 16, 2024 · 3f88360 · 3f88360
1 parent 50a9b8b
commit 3f88360
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -8,6 +8,7 @@
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
     "date-fns": "^2.28.0",
+    "dateformat": "^5.0.3",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-router-dom": "^6.3.0",

diff --git a/frontend/src/components/TaskDetails.js b/frontend/src/components/TaskDetails.js
@@ -1,6 +1,6 @@
 import { useTasksContext } from "../hooks/usetasksContext";
 import { useAuthContext } from "../hooks/useAuthContext";
-
+import dateFormat from "dateformat";
 const TaskDetails = ({ task }) => {
   const { dispatch } = useTasksContext();
   const { user } = useAuthContext();
@@ -35,6 +35,9 @@ const TaskDetails = ({ task }) => {
         <strong>Progress: </strong>
         {task.progress}
       </p>
+      <p>
+        {dateFormat(task.createdAt,"longDate")}
+      </p>
       <span className="material-symbols-outlined" onClick={handleClick}>
         delete
       </span>