{t(title)}
}\n{t(currItem)}
\n {isListItemsExists &&Click on the page to reload it.\n
\n {item.members.map((item: string) => {\n return (\n \n {item}\n \n );\n })}\n
\n \n \n \n \n
\n \n
,\n document.body\n );\n};\n\nModal.defaultProps = defaultProps;\n"
},
{
"path": "src/components/ModalCreateEditTeam/index.tsx",
"content": "import React, { FC, useState, useEffect, useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { Modal } from 'components';\nimport { ModalInput } from 'typography';\nimport { ValidationAlert } from '../InputField/styled';\nimport { useTranslation } from 'react-i18next';\nimport { setSocialLink } from 'modules/TeamsList/teamsListReducer';\nimport { isFieldValid } from 'utils/isFieldValid';\n\ntype Props = {\n title: string;\n text: string;\n open: boolean;\n onSubmit?: () => void;\n onClose: () => void;\n value: string;\n okText?: string;\n validateRules?: any;\n} & typeof defaultProps;\n\nconst defaultProps = {\n open: false,\n okText: 'Create team',\n};\n\nexport const ModalCreateEditTeam: FC\n {isCrossIconVisible && \n {t(title)} \n \n \n {onSubmit ? (\n cancelText ? (\n <>\n {t(cancelText)} \n {\n onSubmit(e);\n }}\n >\n {okText ? t(okText) : ''}\n \n \n ) : (\n {\n onSubmit(e);\n }}\n >\n {okText ? t(okText) : ''}\n \n )\n ) : (\n \n )}\n \n \n
\n \n \n
\n {children}\n\n \n goTo(9)}>{t('Skip')} \n \n \n
\n ),\n action: () => history.push('/'),\n },\n {\n selector: '.secondStep',\n content: t('You can create new team'),\n action: () => history.push('/'),\n },\n {\n selector: '.thirdStep',\n content: t('Or join existing team'),\n action: () => history.push('/'),\n },\n {\n selector: '.fourthStep',\n content: t('You can always leave the course'),\n action: () => history.push('/'),\n },\n {\n content: t('On Teams page you can see other teams'),\n action: () => history.push('/'),\n },\n {\n content: t('On Dashboard page'),\n action: () => history.push('/students'),\n },\n {\n selector: '.seventhStep',\n content: t('With filter usage'),\n position: 'bottom',\n action: () => history.push('/students'),\n },\n {\n selector: '.eighthStep',\n content: t('With dropdown you can switch the course'),\n position: 'bottom',\n action: () => history.push('/students'),\n },\n {\n content: t('On Edit profile page'),\n action: () => history.push('/edit-profile'),\n },\n {\n content: t('If you forget something'),\n action: () => history.push('/tutorial'),\n },\n {\n content: () => (\n {t('Welcome to RSS Teams')}
\n\n \n {\n dispatch(setIsTourOpen(false));\n }}\n href={LINK_TO_REPO}\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n {t('Got it')}\n \n \n
\n ),\n action: () => history.push('/'),\n },\n];\n"
},
{
"path": "src/components/index.ts",
"content": "export { App } from './App';\nexport { Loader } from './Loader';\nexport { PrivateRoute } from './PrivateRoute';\nexport { Header } from './Header';\nexport { InputField } from './InputField';\nexport { CourseField } from './CourseField';\nexport { Pagination } from './Pagination';\nexport { Modal } from './Modal';\nexport { ModalExpel } from './ModalExpel';\nexport { ModalJoin } from './ModalJoin';\nexport { ModalCreateEditTeam } from './ModalCreateEditTeam';\nexport { ModalCreated } from './ModalCreated';\nexport { TablePopup } from './TablePopup';\nexport { FilterForm } from './FilterForm';\nexport { FilterSelect } from './FilterSelect';\nexport { Footer } from './Footer';\nexport { ErrorModal } from './ErrorModal';\nexport { CommonSelectList } from './CommonSelectList';\nexport { TourGuide } from './TourGuide';\nexport { ModalEditCourse } from './ModalEditCourse';\n"
},
{
"path": "src/graphql/mutations/addUserToTeamMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const ADD_USER_TO_TEAM_MUTATION = gql`\n mutation addUserToTeam($data: AddUserToTeamInput!) {\n addUserToTeam(data: $data) {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n isAdmin\n courses {\n id\n name\n }\n teams {\n id\n password\n number\n courseId\n socialLink\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/createCourseMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const CREATE_COURSE_MUTATION = gql`\n mutation createCourse($course: CreateCourseInput!) {\n createCourse(course: $course) {\n id\n name\n teamSize\n isActive\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/createTeamMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const CREATE_TEAM_MUTATION = gql`\n mutation createTeam($team: CreateTeamInput!) {\n createTeam(team: $team) {\n id\n password\n number\n courseId\n socialLink\n memberIds\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/index.ts",
"content": "export { UPD_USER_MUTATION } from './updUserMutation';\nexport { ADD_USER_TO_TEAM_MUTATION } from './addUserToTeamMutation';\nexport { REMOVE_USER_FROM_TEAM_MUTATION } from './removeUserFromTeamMutation';\nexport { CREATE_TEAM_MUTATION } from './createTeamMutation';\nexport { UPDATE_TEAM_MUTATION } from './updateTeamMutation';\nexport { SORT_STUDENTS_MUTATION } from './sortStudentsMutation';\nexport { REMOVE_USER_FROM_COURSE_MUTATION } from './removeUserFromCourseMutation';\nexport { CREATE_COURSE_MUTATION } from './createCourseMutation';\nexport { UPDATE_COURSE_MUTATION } from './updateCourseMutation';\n"
},
{
"path": "src/graphql/mutations/removeUserFromCourseMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const REMOVE_USER_FROM_COURSE_MUTATION = gql`\n mutation removeUserFromCourse($data: RemoveUserFromCourseInput!) {\n removeUserFromCourse(data: $data) {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n isAdmin\n courses {\n id\n name\n }\n teams {\n id\n password\n number\n courseId\n socialLink\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/removeUserFromTeamMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const REMOVE_USER_FROM_TEAM_MUTATION = gql`\n mutation removeUserFromTeam($data: RemoveUserFromTeamInput!) {\n removeUserFromTeam(data: $data) {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n avatar\n isAdmin\n courses {\n id\n name\n }\n email\n courseIds\n teamIds\n teams {\n id\n password\n number\n courseId\n socialLink\n memberIds\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/sortStudentsMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const SORT_STUDENTS_MUTATION = gql`\n mutation sortStudents($courseId: String!) {\n sortStudents(courseId: $courseId)\n }\n`;\n"
},
{
"path": "src/graphql/mutations/updUserMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const UPD_USER_MUTATION = gql`\n mutation updateUser($user: UpdateUserInput!) {\n updateUser(user: $user) {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n isAdmin\n courses {\n id\n name\n }\n teams {\n id\n password\n number\n courseId\n socialLink\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/updateCourseMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const UPDATE_COURSE_MUTATION = gql`\n mutation updateCourse($course: UpdateCourseInput!) {\n updateCourse(course: $course) {\n id\n name\n teamSize\n isActive\n }\n }\n`;\n"
},
{
"path": "src/graphql/mutations/updateTeamMutation.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const UPDATE_TEAM_MUTATION = gql`\n mutation updateTeam($team: UpdateTeamInput!) {\n updateTeam(team: $team) {\n id\n password\n number\n courseId\n socialLink\n memberIds\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/queries/coursesQuery.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const COURSES_QUERY = gql`\n query getCourses {\n courses {\n id\n name\n teamSize\n isActive\n }\n }\n`;\n"
},
{
"path": "src/graphql/queries/index.ts",
"content": "export { TEAMS_QUERY } from './teamsQuery';\nexport { USERS_QUERY } from './usersQuery';\n// export { USER_QUERY } from './userQuery';\nexport { WHOAMI_QUERY } from './whoAmIQuery';\nexport { COURSES_QUERY } from './coursesQuery';\n"
},
{
"path": "src/graphql/queries/teamsQuery.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const TEAMS_QUERY = gql`\n query getTeams($courseId: String!, $pagination: PaginationInput!) {\n teams(courseId: $courseId, pagination: $pagination) {\n count\n results {\n id\n number\n courseId\n socialLink\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/queries/usersQuery.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const USERS_QUERY = gql`\n query getUsers($courseId: String!, $pagination: PaginationInput!, $filter: UserFilterInput) {\n users(courseId: $courseId, pagination: $pagination, filter: $filter) {\n count\n results {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n isAdmin\n courses {\n id\n name\n }\n teams {\n id\n number\n courseId\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/graphql/queries/whoAmIQuery.ts",
"content": "import { gql } from '@apollo/client';\n\nexport const WHOAMI_QUERY = gql`\n query getWhoAMi {\n whoAmI {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n isAdmin\n courses {\n id\n name\n }\n teams {\n id\n password\n number\n courseId\n socialLink\n members {\n id\n firstName\n lastName\n github\n telegram\n discord\n score\n country\n city\n }\n }\n }\n }\n`;\n"
},
{
"path": "src/hooks/graphql/index.ts",
"content": "export { useTeamsQuery } from './queries/useTeamsQuery';\nexport { useUsersQuery } from './queries/useUsersQuery';\nexport { useWhoAmIQuery } from './queries/useWhoAmIQuery';\nexport { useCoursesQuery } from './queries/useCoursesQuery';\nexport { useUpdUserMutation } from './mutations/useUpdUserMutation';\nexport { useRemoveUserFromTeamMutation } from './mutations/useRemoveUserFromTeamMutation';\nexport { useExpelUserFromTeamMutation } from './mutations/useExpelUserFromTeamMutation';\nexport { useCreateTeamMutation } from './mutations/useCreateTeamMutation';\nexport { useAddUserToTeamMutation } from './mutations/useAddUserToTeamMutation';\nexport { useUpdateTeamMutation } from './mutations/useUpdateTeamMutation';\nexport { useSortStudentsMutation } from './mutations/useSortStudentsMutation';\nexport { useRemoveUserFromCourseMutation } from './mutations/useRemoveUserFromCourseMutation';\nexport { useCreateCourseMutation } from './mutations/useCreateCourseMutation';\nexport { useUpdateCourseMutation } from './mutations/useUpdateCourseMutation';\n"
},
{
"path": "src/hooks/graphql/mutations/useAddUserToTeamMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { ADD_USER_TO_TEAM_MUTATION } from 'graphql/mutations';\nimport { WHOAMI_QUERY } from 'graphql/queries';\nimport { AddUserToTeamInput } from 'types';\n\ntype Props = {\n data: AddUserToTeamInput;\n};\n\nexport const useAddUserToTeamMutation = ({ data }: Props) => {\n const [addUserToTeam, { loading, error }] = useMutation(ADD_USER_TO_TEAM_MUTATION, {\n variables: {\n data,\n },\n\n update(cache, { data: { addUserToTeam } }) {\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n addUserToTeam,\n },\n });\n },\n });\n return {\n addUserToTeam,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useCreateCourseMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { Course, CreateCourseInput } from 'types';\nimport { COURSES_QUERY } from 'graphql/queries';\nimport { CREATE_COURSE_MUTATION } from 'graphql/mutations';\n\ntype Props = {\n course: CreateCourseInput;\n};\n\nexport const useCreateCourseMutation = ({ course }: Props) => {\n const [createCourse, { loading, error }] = useMutation(CREATE_COURSE_MUTATION, {\n variables: {\n course,\n },\n\n update(cache, { data: { createCourse } }) {\n const data: { courses: Course[] } | null = cache.readQuery({\n query: COURSES_QUERY,\n });\n\n const updatedResults = data?.courses?.length\n ? [createCourse, ...data?.courses]\n : [createCourse];\n\n cache.writeQuery({\n query: COURSES_QUERY,\n data: {\n courses: updatedResults,\n },\n });\n },\n });\n return {\n createCourse,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useCreateTeamMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { CreateTeamInput, TeamList, User } from 'types';\nimport { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';\nimport { CREATE_TEAM_MUTATION } from 'graphql/mutations';\nimport { TEAMS_PER_PAGE } from 'appConstants';\n\ntype Props = {\n team: CreateTeamInput;\n};\n\nexport const useCreateTeamMutation = ({ team }: Props) => {\n const { courseId, ownerId, socialLink, page } = team;\n const dataForMutation = { courseId, ownerId, socialLink };\n const [createTeam, { loading, error }] = useMutation(CREATE_TEAM_MUTATION, {\n variables: {\n team: dataForMutation,\n },\n\n update(cache, { data: { createTeam } }) {\n const data: { teams: TeamList } | null = cache.readQuery({\n query: TEAMS_QUERY,\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n const userData: { whoAmI: User } | null = cache.readQuery({\n query: WHOAMI_QUERY,\n });\n\n const updatedResults = data?.teams?.results.length\n ? [...data?.teams?.results, createTeam]\n : [createTeam];\n\n const updatedUser = {\n ...userData?.whoAmI,\n teams: userData?.whoAmI?.teams.length\n ? [...userData?.whoAmI?.teams, createTeam]\n : [createTeam],\n };\n\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n whoAmI: updatedUser,\n },\n });\n\n cache.writeQuery({\n query: TEAMS_QUERY,\n data: {\n teams: {\n count: updatedResults.length,\n results: updatedResults,\n },\n },\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n },\n });\n return {\n createTeam,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useExpelUserFromTeamMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { RemoveUserFromTeamInput, Team, TeamList, User } from 'types';\nimport { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';\nimport { REMOVE_USER_FROM_TEAM_MUTATION } from 'graphql/mutations';\nimport { TEAMS_PER_PAGE } from 'appConstants';\n\ntype Props = {\n data: RemoveUserFromTeamInput;\n};\n\nexport const useExpelUserFromTeamMutation = ({ data }: Props) => {\n const { teamId, page, userId, courseId } = data;\n const dataForMutation = { userId, teamId };\n const [expelUserFromTeam, { loading, error }] = useMutation(REMOVE_USER_FROM_TEAM_MUTATION, {\n variables: {\n data: dataForMutation,\n },\n\n update(cache, { data: {} }) {\n const data: { teams: TeamList } | null = cache.readQuery({\n query: TEAMS_QUERY,\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n\n const userData: { whoAmI: User } | null = cache.readQuery({\n query: WHOAMI_QUERY,\n });\n\n const updatedRemovedResults = data?.teams.results.map((team: Team) => {\n if (team.id === teamId) {\n return {\n ...team,\n members: team.members.filter((member: User) => member.id !== userId),\n };\n }\n return team;\n });\n\n const updatedTeams = (userData?.whoAmI.teams as Team[]).map((team: Team) => {\n if (team.id === teamId) {\n return {\n ...team,\n members: team.members.filter((member: User) => member.id !== userId),\n };\n }\n return team;\n });\n\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n ...userData?.whoAmI,\n teams: updatedTeams,\n },\n });\n\n cache.writeQuery({\n query: TEAMS_QUERY,\n data: {\n teams: {\n count: data?.teams?.count,\n results: updatedRemovedResults,\n },\n },\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n },\n });\n return {\n expelUserFromTeam,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useRemoveUserFromCourseMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { CURRENT_COURSE, TEAMS_PER_PAGE } from 'appConstants';\nimport { REMOVE_USER_FROM_COURSE_MUTATION } from 'graphql/mutations';\nimport { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';\nimport { setCourse } from 'modules/LoginPage/loginPageMiddleware';\nimport { setCommonError, setCurrCourse } from 'modules/LoginPage/loginPageReducer';\nimport { setUserData } from 'modules/StudentsTable/studentsTableReducer';\nimport { useDispatch } from 'react-redux';\nimport { RemoveUserFromCourseInput, Team, TeamList, User } from 'types';\n\ntype Props = {\n data: RemoveUserFromCourseInput;\n};\n\nexport const useRemoveUserFromCourseMutation = ({\n data: { page, courseId, userId, teamId },\n}: Props) => {\n const dataForMutation = { courseId, userId, teamId };\n const dispatch = useDispatch();\n const [removeUserFromCourse, { loading, error }] = useMutation(REMOVE_USER_FROM_COURSE_MUTATION, {\n variables: {\n data: dataForMutation,\n },\n\n update(cache, { data: { removeUserFromCourse } }) {\n const data: { teams: TeamList } | null = cache.readQuery({\n query: TEAMS_QUERY,\n variables: {\n courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n\n const updatedRemovedResults = data?.teams.results\n .map((team: Team) => {\n if (team.id === teamId) {\n if (team.members.length === 1) {\n return null;\n }\n return {\n ...team,\n members: team.members.filter((member: User) => member.id !== userId),\n };\n }\n return team;\n })\n .filter((team: Team | null) => !!team);\n\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n removeUserFromCourse,\n },\n });\n\n cache.writeQuery({\n query: TEAMS_QUERY,\n data: {\n teams: {\n count: data?.teams?.count,\n results: updatedRemovedResults,\n },\n },\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n },\n\n onCompleted({ removeUserFromCourse }) {\n if (!!removeUserFromCourse.courses[0]) {\n dispatch(setCourse(removeUserFromCourse.courses[0]));\n } else {\n dispatch(setCurrCourse({ name: '', id: '' }));\n localStorage.removeItem(CURRENT_COURSE);\n }\n dispatch(setUserData(removeUserFromCourse));\n },\n onError() {\n dispatch(setCommonError(true));\n },\n });\n return {\n removeUserFromCourse,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useRemoveUserFromTeamMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { RemoveUserFromTeamInput, Team, TeamList, User } from 'types';\nimport { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';\nimport { REMOVE_USER_FROM_TEAM_MUTATION } from 'graphql/mutations';\nimport { TEAMS_PER_PAGE } from 'appConstants';\n\ntype Props = {\n data: RemoveUserFromTeamInput;\n};\n\nexport const useRemoveUserFromTeamMutation = ({ data }: Props) => {\n const { teamId, page, userId, courseId } = data;\n const dataForMutation = { userId, teamId };\n const [removeUserFromTeam, { loading, error }] = useMutation(REMOVE_USER_FROM_TEAM_MUTATION, {\n variables: {\n data: dataForMutation,\n },\n\n update(cache, { data: { removeUserFromTeam } }) {\n const data: { teams: TeamList } | null = cache.readQuery({\n query: TEAMS_QUERY,\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n\n const updatedRemovedResults = data?.teams.results\n .map((team: Team) => {\n if (team.id === teamId) {\n return {\n ...team,\n members: team.members.filter((member: User) => member.id !== userId),\n };\n }\n return team;\n })\n .filter((team: Team | undefined) => !!team?.members.length);\n\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n removeUserFromTeam,\n },\n });\n\n cache.writeQuery({\n query: TEAMS_QUERY,\n data: {\n teams: {\n count: updatedRemovedResults?.length,\n results: updatedRemovedResults,\n },\n },\n variables: {\n courseId: courseId,\n pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },\n },\n });\n },\n });\n return {\n removeUserFromTeam,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useSortStudentsMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { SORT_STUDENTS_MUTATION } from 'graphql/mutations';\n\ntype Props = {\n courseId: string;\n};\n\nexport const useSortStudentsMutation = ({ courseId }: Props) => {\n const [sortStudents, { loading, error }] = useMutation(SORT_STUDENTS_MUTATION, {\n variables: {\n courseId,\n },\n });\n return {\n sortStudents,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useUpdUserMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { UPD_USER_MUTATION } from 'graphql/mutations';\nimport { WHOAMI_QUERY } from 'graphql/queries';\nimport { UpdateUserInput } from 'types';\n\ntype Props = {\n user: UpdateUserInput;\n};\n\nexport const useUpdUserMutation = ({ user }: Props) => {\n const formattedUser = { ...user, score: Number(user.score) };\n const [updateUser, { loading, error }] = useMutation(UPD_USER_MUTATION, {\n variables: {\n user: formattedUser,\n },\n update(cache, { data: { updateUser } }) {\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n updateUser,\n },\n });\n },\n });\n return {\n updateUser,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useUpdateCourseMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { UpdateCourseInput, Course } from 'types';\nimport { COURSES_QUERY } from 'graphql/queries';\nimport { UPDATE_COURSE_MUTATION } from 'graphql/mutations';\n\ntype Props = {\n course: UpdateCourseInput;\n};\n\nexport const useUpdateCourseMutation = ({ course }: Props) => {\n const { id } = course;\n const [updateCourse, { loading, error }] = useMutation(UPDATE_COURSE_MUTATION, {\n variables: {\n course,\n },\n\n update(cache, { data: { updateCourse } }) {\n const data: { courses: Course[] } | null = cache.readQuery({\n query: COURSES_QUERY,\n });\n\n const updatedResults = data?.courses?.map((course: Course) => {\n if (course.id === id) {\n return updateCourse;\n }\n return course;\n });\n\n cache.writeQuery({\n query: COURSES_QUERY,\n data: {\n courses: updatedResults,\n },\n });\n },\n });\n return {\n updateCourse,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/mutations/useUpdateTeamMutation.ts",
"content": "import { useMutation } from '@apollo/client';\nimport { UpdateTeamInput, User, Team } from 'types';\nimport { WHOAMI_QUERY } from 'graphql/queries';\nimport { UPDATE_TEAM_MUTATION } from 'graphql/mutations';\n\ntype Props = {\n team: UpdateTeamInput;\n};\n\nexport const useUpdateTeamMutation = ({ team }: Props) => {\n const { id } = team;\n const [updateTeam, { loading, error }] = useMutation(UPDATE_TEAM_MUTATION, {\n variables: {\n team,\n },\n\n update(cache, { data: { updateTeam } }) {\n const userData: { whoAmI: User } | null = cache.readQuery({\n query: WHOAMI_QUERY,\n });\n\n const updatedUserTeam = (userData?.whoAmI.teams as Team[]).map((team: Team) => {\n if (team.id === id) {\n return updateTeam;\n }\n return team;\n });\n\n cache.writeQuery({\n query: WHOAMI_QUERY,\n data: {\n whoAmI: {\n ...userData?.whoAmI,\n teams: updatedUserTeam,\n },\n },\n });\n },\n });\n return {\n updateTeam,\n loadingM: loading,\n errorM: error,\n };\n};\n"
},
{
"path": "src/hooks/graphql/queries/useCoursesQuery.ts",
"content": "import { useQuery } from '@apollo/client';\n\nimport { COURSES_QUERY } from 'graphql/queries';\n\nexport const useCoursesQuery = () => {\n const { data, loading, error } = useQuery(COURSES_QUERY);\n const isLoaded = !loading && data?.courses;\n\n return {\n loading: !isLoaded,\n error,\n courses: data?.courses,\n };\n};\n"
},
{
"path": "src/hooks/graphql/queries/useTeamsQuery.ts",
"content": "import { useQuery } from '@apollo/client';\nimport { TEAMS_PER_PAGE } from 'appConstants';\n\nimport { TEAMS_QUERY } from 'graphql/queries';\ntype Props = {\n reactCourseId: string;\n skip?: boolean;\n page?: number;\n};\n\nexport const useTeamsQuery = ({ reactCourseId, skip = false, page = 0 }: Props) => {\n const { data, loading, error } = useQuery(TEAMS_QUERY, {\n skip,\n variables: {\n courseId: reactCourseId,\n pagination: {\n skip: page * TEAMS_PER_PAGE,\n take: TEAMS_PER_PAGE,\n },\n },\n });\n const isLoaded = !loading && !!data;\n return {\n loadingT: !isLoaded,\n errorT: error,\n teams: data?.teams,\n };\n};\n"
},
{
"path": "src/hooks/graphql/queries/useUsersQuery.ts",
"content": "import { useQuery } from '@apollo/client';\nimport { USERS_PER_PAGE } from 'appConstants';\n\nimport { USERS_QUERY } from 'graphql/queries';\nimport { UserFilterInput } from 'types';\n\ntype Props = {\n reactCourseId: string;\n skip?: boolean;\n page?: number;\n filter?: UserFilterInput;\n};\n\nexport const useUsersQuery = ({ reactCourseId, skip = false, page = 0, filter }: Props) => {\n const { data, loading, error } = useQuery(USERS_QUERY, {\n skip,\n variables: {\n filter,\n courseId: reactCourseId,\n pagination: {\n skip: page * USERS_PER_PAGE,\n take: USERS_PER_PAGE,\n },\n },\n });\n const isLoaded = !loading && !!data;\n\n return {\n loadingU: !isLoaded,\n errorU: error,\n users: data?.users,\n };\n};\n"
},
{
"path": "src/hooks/graphql/queries/useWhoAmIQuery.ts",
"content": "import { useQuery } from '@apollo/client';\nimport { WHOAMI_QUERY } from 'graphql/queries';\n\ntype Props = {\n skip: boolean;\n};\n\nexport const useWhoAmIQuery = ({ skip = false }: Props) => {\n const {\n data,\n loading: loadingW,\n error,\n } = useQuery(WHOAMI_QUERY, {\n skip,\n });\n\n return {\n loadingW,\n errorW: error,\n whoAmI: data?.whoAmI,\n };\n};\n"
},
{
"path": "src/index.tsx",
"content": "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport { AppState } from 'store';\nimport { ApolloProvider, ApolloClient, createHttpLink, InMemoryCache, from } from '@apollo/client';\nimport { setContext } from '@apollo/client/link/context';\nimport { App } from './components';\nimport { AUTH_TOKEN, BACKEND_LINK, UNAUTHORIZED_ERROR_MESSAGE } from 'appConstants';\nimport reportWebVitals from './reportWebVitals';\nimport 'typography/normalize.css';\nimport 'typography/fonts.css';\nimport 'typography/common.css';\nimport './translation/resources';\nimport ErrorBoundary from 'components/ErrorBoundary';\nimport { onError } from '@apollo/client/link/error';\n\nconst httpLink = createHttpLink({\n uri: BACKEND_LINK,\n});\n\nconst unauthorizedLink = onError(({ graphQLErrors }) => {\n const isUserUnauthorized = !!graphQLErrors?.find(\n ({ message }) => message === UNAUTHORIZED_ERROR_MESSAGE\n );\n\n if (isUserUnauthorized) {\n location.reload();\n sessionStorage.removeItem(AUTH_TOKEN);\n }\n});\n\nconst authLink = setContext((_, { headers }) => {\n const token = sessionStorage.getItem(AUTH_TOKEN);\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : '',\n },\n };\n});\n\nconst client = new ApolloClient({\n link: from([unauthorizedLink, authLink, httpLink]),\n cache: new InMemoryCache({\n typePolicies: {\n User: {\n fields: {\n teams: {\n merge(_, incoming) {\n return incoming;\n },\n },\n courses: {\n merge(_, incoming) {\n return incoming;\n },\n },\n },\n },\n Team: {\n fields: {\n members: {\n merge(_, incoming) {\n return incoming;\n },\n },\n },\n },\n Query: {\n fields: {\n teams: {\n merge(_, incoming) {\n return incoming;\n },\n },\n },\n },\n },\n }),\n connectToDevTools: true,\n});\n\nReactDOM.render(\n \n {t('Support us')}{' '}\n \n {t('our repo')}\n \n !\n
\n{courseOrder}
\n {name}
\n {teamSize ?? t('Unset')}
\n {t(courseState)}
\n {children}
\n {t('Don’t have github account?')}
\n {t('Sign up')}\n{item}
\n {showPopup && \n {countMembers || 0} {countMembers === 1 ? t('member') : t('members')}\n
\n {t(title)}
\n \n
\n \n {t('My team - Team')} {team.number}\n
\n\n
\n \n \n {t('Leave course')}\n \n
\n \n \n {t('Leave team')}\n \n
\n \n
\n \n
\n {name}
\n {description && {description}
}\n \n
\n );\n};\n"
},
{
"path": "src/modules/TutorialPage/components/NoteBlock/index.tsx",
"content": "import React, { FC } from 'react';\nimport { NoteWrapper, NoteList } from './styled';\nimport { useTranslation } from 'react-i18next';\n\ntype NoteBlockProps = {\n title?: string;\n subtitle?: string;\n listItems?: string[];\n isNote?: string;\n};\n\nexport const NoteBlock: FC{t('Redirecting...')}
\n{t(title)}
\n {subtitle &&{t(subtitle)}
}\n {listItems && (\n{t('The only person who creates the team is Team Lead')}
,\n },\n {\n title: 'Join team',\n subtitle: 'To join an existing team',\n listItems: [`Press the “Join team” button`, `Specify the password`],\n },\n {\n listItems: [\n `If you have not found a team`,\n `If the team has fewer members than is required for the task`,\n ],\n isNote: 'Note',\n },\n {\n title: 'You will see the following after joining the team',\n children: (\n