[frontend] feat: implement redirection to the Course page (Edit Homeworks mode) after course creating (#488)

Author: YuriUfimtsev

hwproj.front/src/App.tsx

@@ -112,7 +112,8 @@ class App extends Component<{ navigate: any }, AppState> {
                         <Route path="create_course" element={<CreateCourse/>}/>
                         <Route path="courses/:courseId" element={<Course/>}/>
                         <Route path="courses/:courseId/:tab" element={<Course/>}/>
-                        <Route path="courses/:courseId/edit" element={<EditCourse/>}/>
+                        <Route path="courses/:courseId/editHomeworks" element={<Course isReadingMode={false}/>}/>
+                        <Route path="courses/:courseId/editInfo" element={<EditCourse/>}/>
                         <Route path="homework/:homeworkId/edit" element={<EditHomework/>}/>
                         <Route path="task/:taskId/edit" element={<EditTask/>}/>
                         <Route path="task/:taskId/:studentId"

hwproj.front/src/components/Courses/Course.tsx

@@ -28,6 +28,10 @@ function isAcceptableTabValue(str: string): str is TabValue {
     return str === "homeworks" || str === "stats" || str === "applications";
 }
 
+interface ICourseProps {
+    isReadingMode?: boolean;
+}
+
 interface ICourseState {
     isFound: boolean;
     course: CourseViewModel;
@@ -52,7 +56,7 @@ const styles = makeStyles(() => ({
     },
 }))
 
-const Course: React.FC = () => {
+const Course: React.FC<ICourseProps> = (props: ICourseProps) => {
     const {courseId, tab} = useParams()
     const [searchParams] = useSearchParams()
     const navigate = useNavigate()
@@ -66,7 +70,7 @@ const Course: React.FC = () => {
         mentors: [],
         acceptedStudents: [],
         newStudents: [],
-        isReadingMode: true,
+        isReadingMode: props.isReadingMode ?? true,
         studentSolutions: [],
         showQrCode: false
     })
@@ -235,7 +239,7 @@ const Course: React.FC = () => {
                                         </IconButton>
                                     }
                                     {isCourseMentor && isLecturer && !isReadingMode! && (
-                                        <RouterLink to={`/courses/${courseId}/edit`}>
+                                        <RouterLink to={`/courses/${courseId}/editInfo`}>
                                             <EditIcon fontSize="small"/>
                                         </RouterLink>
                                     )}

hwproj.front/src/components/Courses/CreateCourse.tsx

@@ -11,6 +11,7 @@ import {FC, FormEvent, useState} from "react";
 import GroupIcon from '@material-ui/icons/Group';
 import {makeStyles} from '@material-ui/core/styles';
 import Container from "@material-ui/core/Container";
+import {Navigate} from "react-router-dom";
 
 interface ICreateCourseState {
   name: string;
@@ -59,7 +60,6 @@ const CreateCourse: FC = () => {
         ...prevState,
         courseId: courseId.toString(),
       }))
-      window.location.assign("/")
     }
     catch (e) {
       setCourse((prevState) => ({
@@ -78,8 +78,10 @@ const CreateCourse: FC = () => {
         </Typography>
     )
   }
-  return (
-      <Container component="main" maxWidth="xs">
+  return course.courseId !== "" ?
+      <Navigate to={`/courses/${course.courseId}/editHomeworks`}/>
+      :
+      (<Container component="main" maxWidth="xs">
         <div className={classes.paper}>
           <GroupIcon
               fontSize='large'