+ {semesters?.map((semester) => {
+ return (
+ <>
+
{
+ weAdding(
+ event,
+ semester.value,
+ selectedSemesters,
+ setSelectedSemesters,
+ );
+ }}
+ className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-sans text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedSemesters.includes(semester.value) ? "dark:border-[#434dba] dark:hover:border-[white]" : "dark:border-white dark:hover:border-[#434dba]"}`}
+ >
+ {semester.label}
+ {selectedSemesters.includes(semester.value) && (
+ {
+ removeThis(
+ event,
+ semester.value,
+ selectedSemesters,
+ setSelectedSemesters,
+ );
+ }}
+ />
+ )}
+
+ >
+ );
+ })}
+
+