From 63d6ac40b2b15c8828409523e38806bdade7eaca Mon Sep 17 00:00:00 2001
From: Annelise Koh <afekoh1559@gmail.com>
Date: Sat, 21 Jun 2025 11:58:01 +1000
Subject: [PATCH 1/3] added link icon and clickable course code to bookmarked
 reviews

---
 .../UserBookmarkedReviews/UserBookmarkedReviews.tsx      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx b/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
index 5a33e5399..74db763a3 100644
--- a/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
+++ b/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
@@ -130,7 +130,14 @@ export default function UserBookmarkedReviews({
               >
                 <div className='flex w-1/2 sm:w-full sm:flex-col sm:items-start items-center gap-2'>
                   {/* Title */}
-                  <h1 className='font-bold text-xl'>{review.courseCode}</h1>
+                  <a
+                    href={`/course/${review.courseCode}`}
+                    className='flex items-center gap-2 font-bold hover:text-unilectives-blue/75 duration-150'
+                  >
+                    <LinkIcon className='w-5 h-5' />
+                    <span className='truncate'>{review.courseCode}</span>
+                  </a>
+
                   {/* Description */}
                   <p className='text-unilectives-headings dark:text-gray-100 w-full truncate'>
                     {!review.description ? "-" : review.description}

From 72d44b7dc5bd934dc46b13a52edc31c6f8aa2574 Mon Sep 17 00:00:00 2001
From: Annelise Koh <afekoh1559@gmail.com>
Date: Sat, 21 Jun 2025 12:09:41 +1000
Subject: [PATCH 2/3] Make bookmarked review titles clickable, added link icon

---
 .../components/UserBookmarkedReviews/UserBookmarkedReviews.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx b/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
index 74db763a3..f3cedf5a5 100644
--- a/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
+++ b/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
@@ -4,7 +4,7 @@ import { Review, Reviews, TabsType } from "@/types/api";
 import Dropdown from "../Dropdown/Dropdown";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import Rating from "../Rating/Rating";
-import { BookmarkIcon } from "@heroicons/react/24/solid";
+import { BookmarkIcon, LinkIcon } from "@heroicons/react/24/solid";
 import ToggleSwitch from "../ToggleSwitch/ToggleSwitch";
 import Pagination from "../Pagination/Pagination";
 import { validatedReq } from "@/utils/request";

From 568f6d038417008e931493acfc7faf3045839e3b Mon Sep 17 00:00:00 2001
From: Annelise Koh <afekoh1559@gmail.com>
Date: Sat, 21 Jun 2025 12:24:56 +1000
Subject: [PATCH 3/3] added clickable course code to card view of bookmarked
 reviews

---
 .../UserBookmarkedReviews/UserBookmarkedReviews.tsx  | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx b/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
index f3cedf5a5..7d5e1c12d 100644
--- a/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
+++ b/frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx
@@ -168,9 +168,15 @@ export default function UserBookmarkedReviews({
               >
                 {/* Course courseCode + Ratings */}
                 <div className='flex flex-wrap justify-between text-2xl'>
-                  <h1 className='font-bold block truncate'>
-                    {review.courseCode}
-                  </h1>
+                <a
+                  href={`/course/${review.courseCode}`}
+                  className='font-bold hover:text-unilectives-blue/75 duration-150 truncate'
+                >
+                  <div className='flex items-center gap-2'>
+                    <LinkIcon className='w-6 h-6' />
+                    <span className='block truncate'>{review.courseCode}</span>
+                  </div>
+                </a>
                   <div className='text-right'>
                     {/* StarRating */}
                     <div className='text-2xl inline'>