From d0d0e311e5cc3c7f35249fc765d571d91d602176 Mon Sep 17 00:00:00 2001
From: Davenludd <david.ludde01@gmail.com>
Date: Tue, 19 Mar 2024 11:10:47 +0100
Subject: [PATCH] Add project name to UserViewTimeReportsPage and add
 AllTimeReportsInProject component

---
 .../src/Pages/UserPages/UserViewTimeReportsPage.tsx    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Pages/UserPages/UserViewTimeReportsPage.tsx b/frontend/src/Pages/UserPages/UserViewTimeReportsPage.tsx
index ca326a0..cc12902 100644
--- a/frontend/src/Pages/UserPages/UserViewTimeReportsPage.tsx
+++ b/frontend/src/Pages/UserPages/UserViewTimeReportsPage.tsx
@@ -1,11 +1,17 @@
 import BasicWindow from "../../Components/BasicWindow";
 import BackButton from "../../Components/BackButton";
+import { useParams } from "react-router-dom";
+import AllTimeReportsInProject from "../../Components/AllTimeReportsInProject";
 
 function UserViewTimeReportsPage(): JSX.Element {
+  const { projectName } = useParams();
+
   const content = (
     <>
-      <h1 className="font-bold text-[30px] mb-[20px]">Your Time Reports</h1>
-      {/* Här kan du inkludera logiken för att visa användarens tidrapporter */}
+      <h1 className="font-bold text-[30px] mb-[20px]">
+        Your Time Reports In: {projectName}
+      </h1>
+      <AllTimeReportsInProject />
     </>
   );