changed prop name of Color Picker from handleSaveNewTutorialColor to handleSaveNewColor

Author: Jasmine Tran

client/src/components/controls/ColorPicker.tsx

@@ -10,7 +10,7 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
   colorPickerAnchorEl,
   handleOpenColorPicker,
   handleCloseColorPicker,
-  handleSaveNewTutorialColor
+  handleSaveNewColor
 }) => {
   // Whether the colour picker popover is shown
   const openColorPickerPopover = Boolean(colorPickerAnchorEl);
@@ -30,10 +30,10 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
           >
             Choose Colour
           </Button>
-          {handleSaveNewTutorialColor && <Button
+          {handleSaveNewColor && <Button
             variant="outlined"
             size="small"
-            onClick={handleSaveNewTutorialColor}
+            onClick={handleSaveNewColor}
           >
             Save
           </Button>}

client/src/components/timetable/ExpandedClassView.tsx

@@ -247,7 +247,7 @@ const ExpandedClassView: React.FC<ExpandedClassViewProps> = ({ code, classPeriod
               colorPickerAnchorEl={colorPickerAnchorEl}
               handleOpenColorPicker={handleOpenColorPicker}
               handleCloseColorPicker={handleCloseColorPicker}
-              handleSaveNewTutorialColor={() => {
+              handleSaveNewColor={() => {
                 setAssignedColors({ ...assignedColors, [code]: color });
                 handleCloseWrapper(duplicateClassData.current.duplicateClasses[selectedIndex]);
               }}

client/src/components/timetable/ExpandedEventView.tsx

@@ -229,7 +229,7 @@ const ExpandedEventView: React.FC<ExpandedEventViewProps> = ({
     setCreatedEvents(updatedEventData);
   };
 
-  const handleSaveNewTutorialColor = () => {
+  const handleSaveNewColor = () => {
     handleUpdateEvent(eventPeriod.event.id);
     handleCloseDialog();
   };
@@ -432,7 +432,7 @@ const ExpandedEventView: React.FC<ExpandedEventViewProps> = ({
                     colorPickerAnchorEl={colorPickerAnchorEl}
                     handleOpenColorPicker={handleOpenColorPicker}
                     handleCloseColorPicker={handleCloseColorPicker}
-                    handleSaveNewTutorialColor={handleSaveNewTutorialColor}
+                    handleSaveNewColor={handleSaveNewColor}
                   />
                 </StyledListItem>
               </>

client/src/interfaces/PropTypes.ts

@@ -153,7 +153,7 @@ export interface ColorPickerProps {
   colorPickerAnchorEl: HTMLElement | null;
   handleOpenColorPicker: (event: React.MouseEvent<HTMLElement>) => void;
   handleCloseColorPicker: () => void;
-  handleSaveNewTutorialColor?: () => void;
+  handleSaveNewColor?: () => void;
 }
 
 export interface CustomEventGeneralProps {