Added the ability to view archived assignments and unarchive them

src/hooks/useAssignmentArchive.tsx

@@ -1,45 +1,42 @@
 import React from "react";
 import axios from "axios";
-import { toast } from "react-toastify";
-import { BsArchive } from "react-icons/bs";
+import {toast} from "react-toastify";
+import {BsArchive} from "react-icons/bs";
 
-export const useAssignmentArchive = (
-  assignmentId: string,
-  reload?: Function
-) => {
-  const [loading, setLoading] = React.useState(false);
-  const archive = () => {
-    // archive assignment
-    setLoading(true);
-    axios
-      .post(`/api/assignments/${assignmentId}/archive`)
-      .then((res) => {
-        toast.success("Assignment archived!");
-        if(reload) reload();
-        setLoading(false);
-      })
-      .catch((err) => {
-        toast.error("Failed to archive the assignment!");
-        setLoading(false);
-      });
-  };
+export const useAssignmentArchive = (assignmentId: string, reload?: Function) => {
+	const [loading, setLoading] = React.useState(false);
+	const archive = () => {
+		// archive assignment
+		setLoading(true);
+		axios
+			.post(`/api/assignments/${assignmentId}/archive`)
+			.then((res) => {
+				toast.success("Assignment archived!");
+				if (reload) reload();
+				setLoading(false);
+			})
+			.catch((err) => {
+				toast.error("Failed to archive the assignment!");
+				setLoading(false);
+			});
+	};
 
-  const renderIcon = (downloadClasses: string, loadingClasses: string) => {
-    if (loading) {
-      return (
-        <span className={`${loadingClasses} loading loading-infinity w-6`} />
-      );
-    }
-    return (
-      <BsArchive
-        className={`${downloadClasses} text-2xl cursor-pointer`}
-        onClick={(e) => {
-          e.stopPropagation();
-          archive();
-        }}
-      />
-    );
-  };
+	const renderIcon = (downloadClasses: string, loadingClasses: string) => {
+		if (loading) {
+			return <span className={`${loadingClasses} loading loading-infinity w-6`} />;
+		}
+		return (
+			<div
+				className="tooltip flex items-center justify-center w-fit h-fit"
+				data-tip="Archive assignment"
+				onClick={(e) => {
+					e.stopPropagation();
+					archive();
+				}}>
+				<BsArchive className={`${downloadClasses} text-2xl cursor-pointer tooltip`} />
+			</div>
+		);
+	};
 
-  return renderIcon;
+	return renderIcon;
 };

src/hooks/useAssignmentUnarchive.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import axios from "axios";
+import {toast} from "react-toastify";
+import {BsArchive, BsFileEarmarkCheck, BsFileEarmarkCheckFill} from "react-icons/bs";
+
+export const useAssignmentUnarchive = (assignmentId: string, reload?: Function) => {
+	const [loading, setLoading] = React.useState(false);
+	const archive = () => {
+		// archive assignment
+		setLoading(true);
+		axios
+			.post(`/api/assignments/${assignmentId}/unarchive`)
+			.then((res) => {
+				toast.success("Assignment unarchived!");
+				if (reload) reload();
+				setLoading(false);
+			})
+			.catch((err) => {
+				toast.error("Failed to unarchive the assignment!");
+				setLoading(false);
+			});
+	};
+
+	const renderIcon = (downloadClasses: string, loadingClasses: string) => {
+		if (loading) {
+			return <span className={`${loadingClasses} loading loading-infinity w-6`} />;
+		}
+		return (
+			<div
+				className="tooltip flex items-center justify-center w-fit h-fit"
+				data-tip="Unarchive assignment"
+				onClick={(e) => {
+					e.stopPropagation();
+					archive();
+				}}>
+				<BsFileEarmarkCheck className={`${downloadClasses} text-2xl cursor-pointer tooltip`} />
+			</div>
+		);
+	};
+
+	return renderIcon;
+};