+ {selectedCategories.map((c) => {
+ if (c === "subject") {
+ return (
+
+
+
+ setCategoryValues((s) => ({
+ ...s,
+ subject: e.target.value,
+ }))
+ }
+ placeholder="Subject name"
+ className="mb-2 w-full"
+ />
+
+
+ setCategoryValues((s) => ({
+ ...s,
+ courseCode: e.target.value,
+ }))
+ }
+ placeholder="e.g. BMAT205L"
+ className="w-full"
+ />
+
+ );
+ } else if (c === "exam") {
+ return (
+
+
+
+
+
+
+
+ );
+ } else if (c === "slot") {
+ return (
+
+
+ {
+ let v = e.target.value.toUpperCase();
+ v = v.replace(/[^A-Z0-9]/g, "");
+
+ setCategoryValues((s) => ({ ...s, slot: v }));
+ }}
+ placeholder="e.g. D1"
+ className="w-full"
+ />
+
+ );
+ }
+ else if(c==="year"){
+ return (
+
+
+
+ setCategoryValues((s) => ({ ...s, year: e.target.value }))
+ }
+ placeholder="e.g. 2024-2025"
+ className="w-full"
+ />
+
+ );
+ }
+ return (
+
+
+
+ setCategoryValues((s) => ({
+ ...s,
+ [c]: e.target.value,
+ }))
+ }
+ className="w-full"
+ />
+
+ );
+ })}
+