validation on changing assignment name

src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/UpdateAssignmentName.tsx

@@ -40,6 +40,8 @@ export function UpdateAssignmentName({
               if (name === assignmentName) closeModal();
 
               setIsLoading(true); // page refresh resets flag
+              try{
+
                 await updateAssignment.mutateAsync({
                   assignment: assignment,
                   moduleName,
@@ -54,6 +56,9 @@ export function UpdateAssignmentName({
                   getModuleItemUrl(courseName, moduleName, "assignment", name),
                   {}
                 );
+              }finally {
+                setIsLoading(false);
+              }
             }}
           >
             <TextInput

src/features/local/assignments/assignmentRouter.ts

@@ -133,6 +133,18 @@ export async function updateOrCreateAssignmentFile({
   assignmentName: string;
   assignment: LocalAssignment;
 }) {
+  const illegalCharacters = ["<", ">", ":", '"', "/", "\\", "|", "?", "*"];
+  const foundIllegalCharacters = illegalCharacters.filter((char) =>
+    assignmentName.includes(char)
+  );
+  if (foundIllegalCharacters.length > 0) {
+    throw new Error(
+      `"${assignmentName}" cannot contain the following characters: ${foundIllegalCharacters.join(
+        " "
+      )}`
+    );
+  }
+
   const courseDirectory = await getCoursePathByName(courseName);
   const folder = path.join(courseDirectory, moduleName, "assignments");
   await fs.mkdir(folder, { recursive: true });