Refactor/staging branch commits (#355)

* added alec/changed from text-justify to text-left in truncated description

* added lyn/Bugfix/uni 342 rmv empty pg arrows

Author: rokika1

frontend/src/components/TruncatedDescription/TruncatedDescription.tsx

@@ -9,15 +9,15 @@ export default function TruncatedDescription({
   content: string;
   maxCharacters: number;
 }) {
-  
+
   const [showFullContent, setShowFullContent] = useState(false);
   const [exceed, setExceed] = useState(false);
   const [shortenedContent, setShortenedContent] = useState(" ");
 
   /**
    * If the content exceeds the maxCharacters, find the next whitespace
    * and make the cutoff point there so the break does not happen mid-word
-   * 
+   *
    * If the new cutoff point is the end of the entire content, make it so
    * the See More/Less button does not appear
    */
@@ -35,7 +35,7 @@ export default function TruncatedDescription({
         newMax++;
         index++;
       }
-      
+
       if (index === content.length) {
         setShortenedContent(content);
       } else {
@@ -52,11 +52,11 @@ export default function TruncatedDescription({
 
   return (
     <div className="break-words">
-      <p className="whitespace-pre-line text-justify">
+      <p className="whitespace-pre-line text-left">
         {showFullContent ? content : shortenedContent}
       </p>
       <div className="mt-1">
-        {exceed && 
+        {exceed &&
           (
             <button
               className="text-unilectives-blue hover:underline"

frontend/src/components/UserBookmarkedReviews/UserBookmarkedReviews.tsx

@@ -193,11 +193,15 @@ export default function UserBookmarkedReviews({
         </div>
       )}
       {/* Pagination */}
-      <Pagination
-        totalItems={reviews.length}
-        itemPerPage={itemPerPage}
-        onPageChange={(page: number) => setPage(page)}
-      />
+      {reviews.length > 0 ? (
+        <Pagination
+          totalItems={reviews.length}
+          itemPerPage={itemPerPage}
+          onPageChange={(page: number) => setPage(page)}
+        />
+      ):(
+        <div className="text-center">No reviews bookmarked yet.</div>
+      )}
     </div>
   );
 }

frontend/src/components/UserReports/UserReports.tsx

@@ -10,6 +10,7 @@ import {
 } from "react";
 import Dropdown from "../Dropdown/Dropdown";
 import Pagination from "../Pagination/Pagination";
+import ReviewCard from "../ReviewCard/ReviewCard";
 
 type STATUS = {
   UNSEEN: boolean;
@@ -182,11 +183,15 @@ export default function UserReports({
           ))}
       </div>
       {/* Pagination */}
-      <Pagination
-        totalItems={reports.length}
-        itemPerPage={itemPerPage}
-        onPageChange={(page: number) => setPage(page)}
-      />
+      {reports.length > 0 ? (
+        <Pagination
+          totalItems={reports.length}
+          itemPerPage={itemPerPage}
+          onPageChange={(page: number) => setPage(page)}
+        />
+      ) : (
+        <div className="text-center">No reports made yet.</div>
+      )}
     </div>
   );
 }

frontend/src/components/UserReviews/UserReviews.tsx

@@ -185,11 +185,15 @@ export default function UserReviews({
         </div>
       )}
       {/* Pagination */}
-      <Pagination
-        totalItems={reviews.length}
-        itemPerPage={itemPerPage}
-        onPageChange={(page: number) => setPage(page)}
-      />
+      {reviews.length > 0 ? (
+        <Pagination
+          totalItems={reviews.length}
+          itemPerPage={itemPerPage}
+          onPageChange={(page: number) => setPage(page)}
+        />
+      ) : (
+        <div className="text-center">No courses reviewed yet.</div>
+      )}
     </div>
   );
 }