Publish Module in Sidebar and title editor

Author: ji-mmyliu

frontend/src/APIClients/ActivityAPIClient.ts

@@ -45,6 +45,10 @@ const updateActivity = async <ActivityType extends Activity>(
     );
     return data;
   } catch (error) {
+    // eslint-disable-next-line no-alert
+    alert(
+      "Failed to update activity. Please refresh the page, try again later, or contact us.",
+    );
     return null;
   }
 };

frontend/src/components/course_authoring/editorComponents/TypographyTextField.tsx

@@ -106,3 +106,61 @@ export const BodyMediumTextField = ({
     />
   );
 };
+
+export const HeaderLargeTextField = ({
+  defaultValue,
+  onChange,
+  placeholder,
+  minRows,
+  maxRows,
+  rows,
+  color,
+  onBlur,
+}: {
+  defaultValue: string;
+  onChange: (newValue: string) => void;
+  placeholder?: string;
+  minRows?: number;
+  maxRows?: number;
+  rows?: number;
+  color?: string;
+  onBlur?: () => void;
+}) => {
+  return (
+    <TextField
+      variant="outlined"
+      fullWidth
+      multiline
+      minRows={minRows}
+      maxRows={maxRows}
+      rows={rows}
+      placeholder={placeholder}
+      defaultValue={defaultValue}
+      onChange={(e) => onChange(e.target.value)}
+      onBlur={onBlur}
+      sx={{
+        "& .MuiInputBase-input": {
+          fontSize: "28px",
+          fontWeight: 600,
+          lineHeight: "120%",
+          textTransform: "none",
+          letterSpacing: "0.2px",
+          fontFamily: "Lexend Deca, sans-serif",
+          color,
+        },
+        "& .MuiOutlinedInput-notchedOutline": {
+          border: "none",
+        },
+        "& .MuiOutlinedInput-root": {
+          padding: 0,
+          "&:hover .MuiOutlinedInput-notchedOutline": {
+            border: "none",
+          },
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            border: "none",
+          },
+        },
+      }}
+    />
+  );
+};