From 41e1c32ee0a460b1c89c4969b8f9a499218e75b6 Mon Sep 17 00:00:00 2001
From: Davenludd <david.ludde01@gmail.com>
Date: Thu, 14 Mar 2024 15:17:15 +0100
Subject: [PATCH] Added time report component to various pages

---
 .../Components/{NewTImeReport.tsx => TimeReport.tsx}   |  1 -
 .../Pages/ProjectManagerPages/PMTotalTimeActivity.tsx  | 10 +++++++++-
 .../Pages/ProjectManagerPages/PMViewUnsignedReport.tsx | 10 +++++++++-
 .../src/Pages/UserPages/UserEditTimeReportPage.tsx     |  8 +++++++-
 frontend/src/Pages/UserPages/UserNewTimeReportPage.tsx |  3 ++-
 5 files changed, 27 insertions(+), 5 deletions(-)
 rename frontend/src/Components/{NewTImeReport.tsx => TimeReport.tsx} (96%)

diff --git a/frontend/src/Components/NewTImeReport.tsx b/frontend/src/Components/TimeReport.tsx
similarity index 96%
rename from frontend/src/Components/NewTImeReport.tsx
rename to frontend/src/Components/TimeReport.tsx
index 3c0e49d..c4ddc38 100644
--- a/frontend/src/Components/NewTImeReport.tsx
+++ b/frontend/src/Components/TimeReport.tsx
@@ -10,7 +10,6 @@ function NewTimeReport(): JSX.Element {
 
   return (
     <>
-      <h1 className="font-bold text-[30px] mb-[20px]">New Time Report</h1>
       <div className="border-4 border-black bg-white flex flex-col justify-start min-h-[65vh] h-fit w-[50vw] rounded-3xl overflow-scroll space-y-[2vh] p-[30px] items-center">
         <input
           className="w-fill h-[5vh] font-sans text-[3vh] pl-[1vw] rounded-full text-center pt-[1vh] pb-[1vh] border-2 border-black"
diff --git a/frontend/src/Pages/ProjectManagerPages/PMTotalTimeActivity.tsx b/frontend/src/Pages/ProjectManagerPages/PMTotalTimeActivity.tsx
index efbf742..c36d2df 100644
--- a/frontend/src/Pages/ProjectManagerPages/PMTotalTimeActivity.tsx
+++ b/frontend/src/Pages/ProjectManagerPages/PMTotalTimeActivity.tsx
@@ -1,8 +1,16 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
+import TimeReport from "../../Components/TimeReport";
 
 function PMTotalTimeActivity(): JSX.Element {
-  const content = <></>;
+  const content = (
+    <>
+      <h1 className="font-bold text-[30px] mb-[20px]">
+        Total Time Per Activity
+      </h1>
+      <TimeReport />
+    </>
+  );
 
   const buttons = (
     <>
diff --git a/frontend/src/Pages/ProjectManagerPages/PMViewUnsignedReport.tsx b/frontend/src/Pages/ProjectManagerPages/PMViewUnsignedReport.tsx
index cbd3b53..923548f 100644
--- a/frontend/src/Pages/ProjectManagerPages/PMViewUnsignedReport.tsx
+++ b/frontend/src/Pages/ProjectManagerPages/PMViewUnsignedReport.tsx
@@ -1,8 +1,16 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
+import TimeReport from "../../Components/TimeReport";
 
 function PMViewUnsignedReport(): JSX.Element {
-  const content = <></>;
+  const content = (
+    <>
+      <h1 className="font-bold text-[30px] mb-[20px]">
+        Username&apos;s Time Report
+      </h1>
+      <TimeReport />
+    </>
+  );
 
   const buttons = (
     <>
diff --git a/frontend/src/Pages/UserPages/UserEditTimeReportPage.tsx b/frontend/src/Pages/UserPages/UserEditTimeReportPage.tsx
index a8cca94..de1699b 100644
--- a/frontend/src/Pages/UserPages/UserEditTimeReportPage.tsx
+++ b/frontend/src/Pages/UserPages/UserEditTimeReportPage.tsx
@@ -1,8 +1,14 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
+import NewTimeReport from "../../Components/TimeReport";
 
 function UserEditTimeReportPage(): JSX.Element {
-  const content = <></>;
+  const content = (
+    <>
+      <h1 className="font-bold text-[30px] mb-[20px]">Edit Time Report</h1>
+      <NewTimeReport />
+    </>
+  );
 
   const buttons = (
     <>
diff --git a/frontend/src/Pages/UserPages/UserNewTimeReportPage.tsx b/frontend/src/Pages/UserPages/UserNewTimeReportPage.tsx
index d432817..bbd767a 100644
--- a/frontend/src/Pages/UserPages/UserNewTimeReportPage.tsx
+++ b/frontend/src/Pages/UserPages/UserNewTimeReportPage.tsx
@@ -1,10 +1,11 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
-import NewTimeReport from "../../Components/NewTImeReport";
+import NewTimeReport from "../../Components/TimeReport";
 
 function UserNewTimeReportPage(): JSX.Element {
   const content = (
     <>
+      <h1 className="font-bold text-[30px] mb-[20px]">New Time Report</h1>
       <NewTimeReport />
     </>
   );