feat: approved paper details update thing

metakgp · Sep 25, 2024 · 28f14e0 · 28f14e0
1 parent bceda3d
commit 28f14e0
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/frontend/src/components/AdminDashboard/QPCard.tsx b/frontend/src/components/AdminDashboard/QPCard.tsx
@@ -52,7 +52,7 @@ export function QPCard({ qPaper, onEdit, onDelete }: IQPCardProps) {
     }
 
     return (
-        <div className="qp-card">
+        <div className={`qp-card ${qPaper.approve_status ? 'approved' : ''}`}>
             <div className="qp-data">
                 <div className="course-name">
                     {`${qPaper.course_code} - ${qPaper.course_name}`}

diff --git a/frontend/src/pages/AdminDashboard.tsx b/frontend/src/pages/AdminDashboard.tsx
@@ -29,10 +29,23 @@ function AdminDashboard() {
 			filelink: new URL(qp.filelink).pathname, // TODO: PLEASE DO THIS IN THE BAKCEND AHHHH ITS CALLED FILELINK NOT FILEPATH DED
 			year: qp.year.toString()
 		}, auth.jwt);
-		console.log(response);
 
 		if (response.status === "success") {
 			toast.success(response.data.message);
+
+			setUnapprovedPapers((papers) => {
+				const newPapers = [...papers];
+
+				const selectedIndex = newPapers.indexOf(selectedQPaper!);
+				if (selectedIndex !== -1) {
+					newPapers[selectedIndex] = {
+						...qp,
+						approve_status: true
+					}
+				}
+
+				return newPapers;
+			})
 		} else {
 			toast.error(`Approve error: ${response.message} (${response.status_code})`);
 		}

diff --git a/frontend/src/pages/styles/admin_dashboard.scss b/frontend/src/pages/styles/admin_dashboard.scss
@@ -19,6 +19,10 @@
 			.qp-card:nth-child(odd) {
 				background-color: $surface-1;
 			}
+
+			.qp-card.approved {
+				background-color: rgba($approved-color-darker, 0.16);
+			}
 		}
 	}
 }