From bbac1ed4c8660ce22686d5d3ee94389f285537c2 Mon Sep 17 00:00:00 2001
From: Mattias <mattias.rasmusson.1032@student.lu.se>
Date: Mon, 15 Apr 2024 16:29:26 +0200
Subject: [PATCH] Added hovering effect to menu items

---
 frontend/src/Components/AllTimeReportsInProject.tsx | 2 +-
 frontend/src/Components/DisplayUserProjects.tsx     | 2 +-
 frontend/src/Components/PMProjectMenu.tsx           | 8 ++++----
 frontend/src/Components/UserProjectMenu.tsx         | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Components/AllTimeReportsInProject.tsx b/frontend/src/Components/AllTimeReportsInProject.tsx
index d911a4e..aef1df1 100644
--- a/frontend/src/Components/AllTimeReportsInProject.tsx
+++ b/frontend/src/Components/AllTimeReportsInProject.tsx
@@ -39,7 +39,7 @@ function AllTimeReportsInProject(): JSX.Element {
           <Link
             to={`/editTimeReport/${projectName}/${newWeeklyReport.week}/${newWeeklyReport.signedBy ? "signed" : "unsigned"}`}
             key={index}
-            className="border-b-2 border-black w-full"
+            className="border-b-2 border-black w-full cursor-pointer hover:font-extrabold"
           >
             <div className="flex justify-between">
               <h1>
diff --git a/frontend/src/Components/DisplayUserProjects.tsx b/frontend/src/Components/DisplayUserProjects.tsx
index 65bd4f5..551e809 100644
--- a/frontend/src/Components/DisplayUserProjects.tsx
+++ b/frontend/src/Components/DisplayUserProjects.tsx
@@ -45,7 +45,7 @@ function DisplayUserProject(): JSX.Element {
             onClick={() => void handleProjectClick(project.name)}
             key={project.id}
           >
-            <h1 className="font-bold underline text-[30px] cursor-pointer">
+            <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
               {project.name}
             </h1>
           </div>
diff --git a/frontend/src/Components/PMProjectMenu.tsx b/frontend/src/Components/PMProjectMenu.tsx
index ce7c5c5..f0cb492 100644
--- a/frontend/src/Components/PMProjectMenu.tsx
+++ b/frontend/src/Components/PMProjectMenu.tsx
@@ -8,22 +8,22 @@ function PMProjectMenu(): JSX.Element {
       <h1 className="font-bold text-[30px] mb-[20px]">{projectName}</h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[5vh] p-[30px]">
         <Link to={`/timeReports/${projectName}/`}>
-          <h1 className="font-bold underline text-[30px] cursor-pointer">
+          <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
             Your Time Reports
           </h1>
         </Link>
         <Link to={`/newTimeReport/${projectName}`}>
-          <h1 className="font-bold underline text-[30px] cursor-pointer">
+          <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
             New Time Report
           </h1>
         </Link>
         <Link to={`/projectMembers/${projectName}`}>
-          <h1 className="font-bold underline text-[30px] cursor-pointer">
+          <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
             Statistics
           </h1>
         </Link>
         <Link to={`/unsignedReports/${projectName}`}>
-          <h1 className="font-bold underline text-[30px] cursor-pointer">
+          <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
             Unsigned Time Reports
           </h1>
         </Link>
diff --git a/frontend/src/Components/UserProjectMenu.tsx b/frontend/src/Components/UserProjectMenu.tsx
index e307e90..4be4dee 100644
--- a/frontend/src/Components/UserProjectMenu.tsx
+++ b/frontend/src/Components/UserProjectMenu.tsx
@@ -16,12 +16,12 @@ function UserProjectMenu(): JSX.Element {
       <h1 className="font-bold text-[30px] mb-[20px]">{projectName}</h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
         <Link to={`/timeReports/${projectName}/`}>
-          <h1 className="font-bold underline text-[30px] cursor-pointer">
+          <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
             Your Time Reports
           </h1>
         </Link>
         <Link to={`/newTimeReport/${projectName}`}>
-          <h1 className="font-bold underline text-[30px] cursor-pointer">
+          <h1 className="font-bold hover:underline text-[30px] cursor-pointer hover:font-extrabold">
             New Time Report
           </h1>
         </Link>