From 68d11612fe099cd8deff2f59bfa618351630feac Mon Sep 17 00:00:00 2001
From: Ida Marie Andreassen <43541032+idamand@users.noreply.github.com>
Date: Mon, 17 Jun 2024 10:01:20 +0200
Subject: [PATCH] Fix: add link to project page from customerpage (#495)

---
 frontend/src/components/CostumerTable/CustomerRow.tsx  |  2 +-
 .../src/components/CostumerTable/EngagementRow.tsx     | 10 +++++++---
 .../src/components/Staffing/DetailedBookingRows.tsx    |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/CostumerTable/CustomerRow.tsx b/frontend/src/components/CostumerTable/CustomerRow.tsx
index cdf6799f..dc21a6f4 100644
--- a/frontend/src/components/CostumerTable/CustomerRow.tsx
+++ b/frontend/src/components/CostumerTable/CustomerRow.tsx
@@ -98,7 +98,7 @@ export default function CostumerRow({
                 <p className="xsmall text-black/75 whitespace-nowrap text-ellipsis overflow-x-hidden max-w-[145px]">
                   {engagement.isBillable ? "Fakturerbart" : "Ikke-fakturerbart"}
                 </p>
-                <p className="text-black text-start small">
+                <p className="text-black text-start small hover:underline">
                   {engagement.engagementName}
                 </p>
               </Link>
diff --git a/frontend/src/components/CostumerTable/EngagementRow.tsx b/frontend/src/components/CostumerTable/EngagementRow.tsx
index 44061e5b..c7ced0e9 100644
--- a/frontend/src/components/CostumerTable/EngagementRow.tsx
+++ b/frontend/src/components/CostumerTable/EngagementRow.tsx
@@ -15,6 +15,7 @@ import { DateTime } from "luxon";
 import { getBookingTypeFromProjectState } from "../Staffing/EditEngagementHourModal/utils";
 import { FilteredContext } from "@/hooks/ConsultantFilterProvider";
 import { filterConsultants } from "@/hooks/staffing/useConsultantsFilter";
+import Link from "next/link";
 
 export default function EngagementRows({
   engagement,
@@ -101,9 +102,12 @@ export default function EngagementRows({
           </button>
         </td>
         <td>
-          <div className="flex flex-col gap-1 ">
+          <Link
+            href={`../prosjekt/${engagement.engagementId}`}
+            className="flex flex-col gap-1 "
+          >
             <p
-              className={`text-black text-start ${
+              className={`text-black text-start hover:underline ${
                 isListElementVisible ? "normal-medium" : "normal"
               }`}
             >
@@ -114,7 +118,7 @@ export default function EngagementRows({
                 engagement.isBillable ? "Fakturerbart" : "Ikke fakturerbart"
               }`}
             </p>
-          </div>
+          </Link>
         </td>
         {weekList.map((day) => (
           <td key={day.weekNumber} className={`h-[52px] p-0.5`}>
diff --git a/frontend/src/components/Staffing/DetailedBookingRows.tsx b/frontend/src/components/Staffing/DetailedBookingRows.tsx
index a18b577e..e7fd8197 100644
--- a/frontend/src/components/Staffing/DetailedBookingRows.tsx
+++ b/frontend/src/components/Staffing/DetailedBookingRows.tsx
@@ -105,7 +105,7 @@ export function DetailedBookingRows(props: {
             >
               {getIconByBookingType(detailedBooking.bookingDetails.type, 20)}
             </div>
-            <div className="flex flex-col justify-center text-left">
+            <div className="flex flex-col justify-center text-left hover:underline">
               <p
                 className={`xsmall text-black/75 whitespace-nowrap text-ellipsis overflow-x-hidden max-w-[145px] ${
                   !(