Fix: add link to project page from customerpage (#495)

varianter · Jun 17, 2024 · 68d1161 · 68d1161
1 parent 95feade
commit 68d1161
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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] ${
                   !(