Click on the page to reload it. 37 |
15 | {item.members.map((item: string) => {
16 | return (
17 |
24 | {item}
25 |
26 | );
27 | })}
28 |
29 |
9 |
10 |
11 |
12 |
13 |
16 |
18 | goTo(9)}>{t('Skip')}
19 |
20 |
21 |
22 | ),
23 | action: () => history.push('/'),
24 | },
25 | {
26 | selector: '.secondStep',
27 | content: t('You can create new team'),
28 | action: () => history.push('/'),
29 | },
30 | {
31 | selector: '.thirdStep',
32 | content: t('Or join existing team'),
33 | action: () => history.push('/'),
34 | },
35 | {
36 | selector: '.fourthStep',
37 | content: t('You can always leave the course'),
38 | action: () => history.push('/'),
39 | },
40 | {
41 | content: t('On Teams page you can see other teams'),
42 | action: () => history.push('/'),
43 | },
44 | {
45 | content: t('On Dashboard page'),
46 | action: () => history.push('/students'),
47 | },
48 | {
49 | selector: '.seventhStep',
50 | content: t('With filter usage'),
51 | position: 'bottom',
52 | action: () => history.push('/students'),
53 | },
54 | {
55 | selector: '.eighthStep',
56 | content: t('With dropdown you can switch the course'),
57 | position: 'bottom',
58 | action: () => history.push('/students'),
59 | },
60 | {
61 | content: t('On Edit profile page'),
62 | action: () => history.push('/edit-profile'),
63 | },
64 | {
65 | content: t('If you forget something'),
66 | action: () => history.push('/tutorial'),
67 | },
68 | {
69 | content: () => (
70 | {t('Welcome to RSS Teams')}
17 |
71 |
79 | {
81 | dispatch(setIsTourOpen(false));
82 | }}
83 | href={LINK_TO_REPO}
84 | target="_blank"
85 | rel="noreferrer"
86 | >
87 | {t('Got it')}
88 |
89 |
90 |
91 | ),
92 | action: () => history.push('/'),
93 | },
94 | ];
95 |
--------------------------------------------------------------------------------
/src/components/index.ts:
--------------------------------------------------------------------------------
1 | export { App } from './App';
2 | export { Loader } from './Loader';
3 | export { PrivateRoute } from './PrivateRoute';
4 | export { Header } from './Header';
5 | export { InputField } from './InputField';
6 | export { CourseField } from './CourseField';
7 | export { Pagination } from './Pagination';
8 | export { Modal } from './Modal';
9 | export { ModalExpel } from './ModalExpel';
10 | export { ModalJoin } from './ModalJoin';
11 | export { ModalCreateEditTeam } from './ModalCreateEditTeam';
12 | export { ModalCreated } from './ModalCreated';
13 | export { TablePopup } from './TablePopup';
14 | export { FilterForm } from './FilterForm';
15 | export { FilterSelect } from './FilterSelect';
16 | export { Footer } from './Footer';
17 | export { ErrorModal } from './ErrorModal';
18 | export { CommonSelectList } from './CommonSelectList';
19 | export { TourGuide } from './TourGuide';
20 | export { ModalEditCourse } from './ModalEditCourse';
21 |
--------------------------------------------------------------------------------
/src/graphql/mutations/addUserToTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const ADD_USER_TO_TEAM_MUTATION = gql`
4 | mutation addUserToTeam($data: AddUserToTeamInput!) {
5 | addUserToTeam(data: $data) {
6 | id
7 | firstName
8 | lastName
9 | github
10 | telegram
11 | discord
12 | score
13 | country
14 | city
15 | isAdmin
16 | courses {
17 | id
18 | name
19 | }
20 | teams {
21 | id
22 | password
23 | number
24 | courseId
25 | socialLink
26 | members {
27 | id
28 | firstName
29 | lastName
30 | github
31 | telegram
32 | discord
33 | score
34 | country
35 | city
36 | }
37 | }
38 | }
39 | }
40 | `;
41 |
--------------------------------------------------------------------------------
/src/graphql/mutations/createCourseMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const CREATE_COURSE_MUTATION = gql`
4 | mutation createCourse($course: CreateCourseInput!) {
5 | createCourse(course: $course) {
6 | id
7 | name
8 | teamSize
9 | isActive
10 | }
11 | }
12 | `;
13 |
--------------------------------------------------------------------------------
/src/graphql/mutations/createTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const CREATE_TEAM_MUTATION = gql`
4 | mutation createTeam($team: CreateTeamInput!) {
5 | createTeam(team: $team) {
6 | id
7 | password
8 | number
9 | courseId
10 | socialLink
11 | memberIds
12 | members {
13 | id
14 | firstName
15 | lastName
16 | github
17 | telegram
18 | discord
19 | score
20 | country
21 | city
22 | }
23 | }
24 | }
25 | `;
26 |
--------------------------------------------------------------------------------
/src/graphql/mutations/index.ts:
--------------------------------------------------------------------------------
1 | export { UPD_USER_MUTATION } from './updUserMutation';
2 | export { ADD_USER_TO_TEAM_MUTATION } from './addUserToTeamMutation';
3 | export { REMOVE_USER_FROM_TEAM_MUTATION } from './removeUserFromTeamMutation';
4 | export { CREATE_TEAM_MUTATION } from './createTeamMutation';
5 | export { UPDATE_TEAM_MUTATION } from './updateTeamMutation';
6 | export { SORT_STUDENTS_MUTATION } from './sortStudentsMutation';
7 | export { REMOVE_USER_FROM_COURSE_MUTATION } from './removeUserFromCourseMutation';
8 | export { CREATE_COURSE_MUTATION } from './createCourseMutation';
9 | export { UPDATE_COURSE_MUTATION } from './updateCourseMutation';
10 |
--------------------------------------------------------------------------------
/src/graphql/mutations/removeUserFromCourseMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const REMOVE_USER_FROM_COURSE_MUTATION = gql`
4 | mutation removeUserFromCourse($data: RemoveUserFromCourseInput!) {
5 | removeUserFromCourse(data: $data) {
6 | id
7 | firstName
8 | lastName
9 | github
10 | telegram
11 | discord
12 | score
13 | country
14 | city
15 | isAdmin
16 | courses {
17 | id
18 | name
19 | }
20 | teams {
21 | id
22 | password
23 | number
24 | courseId
25 | socialLink
26 | members {
27 | id
28 | firstName
29 | lastName
30 | github
31 | telegram
32 | discord
33 | score
34 | country
35 | city
36 | }
37 | }
38 | }
39 | }
40 | `;
41 |
--------------------------------------------------------------------------------
/src/graphql/mutations/removeUserFromTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const REMOVE_USER_FROM_TEAM_MUTATION = gql`
4 | mutation removeUserFromTeam($data: RemoveUserFromTeamInput!) {
5 | removeUserFromTeam(data: $data) {
6 | id
7 | firstName
8 | lastName
9 | github
10 | telegram
11 | discord
12 | score
13 | country
14 | city
15 | avatar
16 | isAdmin
17 | courses {
18 | id
19 | name
20 | }
21 | email
22 | courseIds
23 | teamIds
24 | teams {
25 | id
26 | password
27 | number
28 | courseId
29 | socialLink
30 | memberIds
31 | members {
32 | id
33 | firstName
34 | lastName
35 | github
36 | telegram
37 | discord
38 | score
39 | country
40 | city
41 | }
42 | }
43 | }
44 | }
45 | `;
46 |
--------------------------------------------------------------------------------
/src/graphql/mutations/sortStudentsMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const SORT_STUDENTS_MUTATION = gql`
4 | mutation sortStudents($courseId: String!) {
5 | sortStudents(courseId: $courseId)
6 | }
7 | `;
8 |
--------------------------------------------------------------------------------
/src/graphql/mutations/updUserMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const UPD_USER_MUTATION = gql`
4 | mutation updateUser($user: UpdateUserInput!) {
5 | updateUser(user: $user) {
6 | id
7 | firstName
8 | lastName
9 | github
10 | telegram
11 | discord
12 | score
13 | country
14 | city
15 | isAdmin
16 | courses {
17 | id
18 | name
19 | }
20 | teams {
21 | id
22 | password
23 | number
24 | courseId
25 | socialLink
26 | members {
27 | id
28 | firstName
29 | lastName
30 | github
31 | telegram
32 | discord
33 | score
34 | country
35 | city
36 | }
37 | }
38 | }
39 | }
40 | `;
41 |
--------------------------------------------------------------------------------
/src/graphql/mutations/updateCourseMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const UPDATE_COURSE_MUTATION = gql`
4 | mutation updateCourse($course: UpdateCourseInput!) {
5 | updateCourse(course: $course) {
6 | id
7 | name
8 | teamSize
9 | isActive
10 | }
11 | }
12 | `;
13 |
--------------------------------------------------------------------------------
/src/graphql/mutations/updateTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const UPDATE_TEAM_MUTATION = gql`
4 | mutation updateTeam($team: UpdateTeamInput!) {
5 | updateTeam(team: $team) {
6 | id
7 | password
8 | number
9 | courseId
10 | socialLink
11 | memberIds
12 | members {
13 | id
14 | firstName
15 | lastName
16 | github
17 | telegram
18 | discord
19 | score
20 | country
21 | city
22 | }
23 | }
24 | }
25 | `;
26 |
--------------------------------------------------------------------------------
/src/graphql/queries/coursesQuery.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const COURSES_QUERY = gql`
4 | query getCourses {
5 | courses {
6 | id
7 | name
8 | teamSize
9 | isActive
10 | }
11 | }
12 | `;
13 |
--------------------------------------------------------------------------------
/src/graphql/queries/index.ts:
--------------------------------------------------------------------------------
1 | export { TEAMS_QUERY } from './teamsQuery';
2 | export { USERS_QUERY } from './usersQuery';
3 | // export { USER_QUERY } from './userQuery';
4 | export { WHOAMI_QUERY } from './whoAmIQuery';
5 | export { COURSES_QUERY } from './coursesQuery';
6 |
--------------------------------------------------------------------------------
/src/graphql/queries/teamsQuery.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const TEAMS_QUERY = gql`
4 | query getTeams($courseId: String!, $pagination: PaginationInput!) {
5 | teams(courseId: $courseId, pagination: $pagination) {
6 | count
7 | results {
8 | id
9 | number
10 | courseId
11 | socialLink
12 | members {
13 | id
14 | firstName
15 | lastName
16 | github
17 | telegram
18 | discord
19 | score
20 | country
21 | city
22 | }
23 | }
24 | }
25 | }
26 | `;
27 |
--------------------------------------------------------------------------------
/src/graphql/queries/usersQuery.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const USERS_QUERY = gql`
4 | query getUsers($courseId: String!, $pagination: PaginationInput!, $filter: UserFilterInput) {
5 | users(courseId: $courseId, pagination: $pagination, filter: $filter) {
6 | count
7 | results {
8 | id
9 | firstName
10 | lastName
11 | github
12 | telegram
13 | discord
14 | score
15 | country
16 | city
17 | isAdmin
18 | courses {
19 | id
20 | name
21 | }
22 | teams {
23 | id
24 | number
25 | courseId
26 | }
27 | }
28 | }
29 | }
30 | `;
31 |
--------------------------------------------------------------------------------
/src/graphql/queries/whoAmIQuery.ts:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client';
2 |
3 | export const WHOAMI_QUERY = gql`
4 | query getWhoAMi {
5 | whoAmI {
6 | id
7 | firstName
8 | lastName
9 | github
10 | telegram
11 | discord
12 | score
13 | country
14 | city
15 | isAdmin
16 | courses {
17 | id
18 | name
19 | }
20 | teams {
21 | id
22 | password
23 | number
24 | courseId
25 | socialLink
26 | members {
27 | id
28 | firstName
29 | lastName
30 | github
31 | telegram
32 | discord
33 | score
34 | country
35 | city
36 | }
37 | }
38 | }
39 | }
40 | `;
41 |
--------------------------------------------------------------------------------
/src/hooks/graphql/index.ts:
--------------------------------------------------------------------------------
1 | export { useTeamsQuery } from './queries/useTeamsQuery';
2 | export { useUsersQuery } from './queries/useUsersQuery';
3 | export { useWhoAmIQuery } from './queries/useWhoAmIQuery';
4 | export { useCoursesQuery } from './queries/useCoursesQuery';
5 | export { useUpdUserMutation } from './mutations/useUpdUserMutation';
6 | export { useRemoveUserFromTeamMutation } from './mutations/useRemoveUserFromTeamMutation';
7 | export { useExpelUserFromTeamMutation } from './mutations/useExpelUserFromTeamMutation';
8 | export { useCreateTeamMutation } from './mutations/useCreateTeamMutation';
9 | export { useAddUserToTeamMutation } from './mutations/useAddUserToTeamMutation';
10 | export { useUpdateTeamMutation } from './mutations/useUpdateTeamMutation';
11 | export { useSortStudentsMutation } from './mutations/useSortStudentsMutation';
12 | export { useRemoveUserFromCourseMutation } from './mutations/useRemoveUserFromCourseMutation';
13 | export { useCreateCourseMutation } from './mutations/useCreateCourseMutation';
14 | export { useUpdateCourseMutation } from './mutations/useUpdateCourseMutation';
15 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useAddUserToTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { ADD_USER_TO_TEAM_MUTATION } from 'graphql/mutations';
3 | import { WHOAMI_QUERY } from 'graphql/queries';
4 | import { AddUserToTeamInput } from 'types';
5 |
6 | type Props = {
7 | data: AddUserToTeamInput;
8 | };
9 |
10 | export const useAddUserToTeamMutation = ({ data }: Props) => {
11 | const [addUserToTeam, { loading, error }] = useMutation(ADD_USER_TO_TEAM_MUTATION, {
12 | variables: {
13 | data,
14 | },
15 |
16 | update(cache, { data: { addUserToTeam } }) {
17 | cache.writeQuery({
18 | query: WHOAMI_QUERY,
19 | data: {
20 | addUserToTeam,
21 | },
22 | });
23 | },
24 | });
25 | return {
26 | addUserToTeam,
27 | loadingM: loading,
28 | errorM: error,
29 | };
30 | };
31 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useCreateCourseMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { Course, CreateCourseInput } from 'types';
3 | import { COURSES_QUERY } from 'graphql/queries';
4 | import { CREATE_COURSE_MUTATION } from 'graphql/mutations';
5 |
6 | type Props = {
7 | course: CreateCourseInput;
8 | };
9 |
10 | export const useCreateCourseMutation = ({ course }: Props) => {
11 | const [createCourse, { loading, error }] = useMutation(CREATE_COURSE_MUTATION, {
12 | variables: {
13 | course,
14 | },
15 |
16 | update(cache, { data: { createCourse } }) {
17 | const data: { courses: Course[] } | null = cache.readQuery({
18 | query: COURSES_QUERY,
19 | });
20 |
21 | const updatedResults = data?.courses?.length
22 | ? [createCourse, ...data?.courses]
23 | : [createCourse];
24 |
25 | cache.writeQuery({
26 | query: COURSES_QUERY,
27 | data: {
28 | courses: updatedResults,
29 | },
30 | });
31 | },
32 | });
33 | return {
34 | createCourse,
35 | loadingM: loading,
36 | errorM: error,
37 | };
38 | };
39 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useCreateTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { CreateTeamInput, TeamList, User } from 'types';
3 | import { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';
4 | import { CREATE_TEAM_MUTATION } from 'graphql/mutations';
5 | import { TEAMS_PER_PAGE } from 'appConstants';
6 |
7 | type Props = {
8 | team: CreateTeamInput;
9 | };
10 |
11 | export const useCreateTeamMutation = ({ team }: Props) => {
12 | const { courseId, ownerId, socialLink, page } = team;
13 | const dataForMutation = { courseId, ownerId, socialLink };
14 | const [createTeam, { loading, error }] = useMutation(CREATE_TEAM_MUTATION, {
15 | variables: {
16 | team: dataForMutation,
17 | },
18 |
19 | update(cache, { data: { createTeam } }) {
20 | const data: { teams: TeamList } | null = cache.readQuery({
21 | query: TEAMS_QUERY,
22 | variables: {
23 | courseId: courseId,
24 | pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },
25 | },
26 | });
27 | const userData: { whoAmI: User } | null = cache.readQuery({
28 | query: WHOAMI_QUERY,
29 | });
30 |
31 | const updatedResults = data?.teams?.results.length
32 | ? [...data?.teams?.results, createTeam]
33 | : [createTeam];
34 |
35 | const updatedUser = {
36 | ...userData?.whoAmI,
37 | teams: userData?.whoAmI?.teams.length
38 | ? [...userData?.whoAmI?.teams, createTeam]
39 | : [createTeam],
40 | };
41 |
42 | cache.writeQuery({
43 | query: WHOAMI_QUERY,
44 | data: {
45 | whoAmI: updatedUser,
46 | },
47 | });
48 |
49 | cache.writeQuery({
50 | query: TEAMS_QUERY,
51 | data: {
52 | teams: {
53 | count: updatedResults.length,
54 | results: updatedResults,
55 | },
56 | },
57 | variables: {
58 | courseId: courseId,
59 | pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },
60 | },
61 | });
62 | },
63 | });
64 | return {
65 | createTeam,
66 | loadingM: loading,
67 | errorM: error,
68 | };
69 | };
70 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useExpelUserFromTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { RemoveUserFromTeamInput, Team, TeamList, User } from 'types';
3 | import { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';
4 | import { REMOVE_USER_FROM_TEAM_MUTATION } from 'graphql/mutations';
5 | import { TEAMS_PER_PAGE } from 'appConstants';
6 |
7 | type Props = {
8 | data: RemoveUserFromTeamInput;
9 | };
10 |
11 | export const useExpelUserFromTeamMutation = ({ data }: Props) => {
12 | const { teamId, page, userId, courseId } = data;
13 | const dataForMutation = { userId, teamId };
14 | const [expelUserFromTeam, { loading, error }] = useMutation(REMOVE_USER_FROM_TEAM_MUTATION, {
15 | variables: {
16 | data: dataForMutation,
17 | },
18 |
19 | update(cache, { data: {} }) {
20 | const data: { teams: TeamList } | null = cache.readQuery({
21 | query: TEAMS_QUERY,
22 | variables: {
23 | courseId: courseId,
24 | pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },
25 | },
26 | });
27 |
28 | const userData: { whoAmI: User } | null = cache.readQuery({
29 | query: WHOAMI_QUERY,
30 | });
31 |
32 | const updatedRemovedResults = data?.teams.results.map((team: Team) => {
33 | if (team.id === teamId) {
34 | return {
35 | ...team,
36 | members: team.members.filter((member: User) => member.id !== userId),
37 | };
38 | }
39 | return team;
40 | });
41 |
42 | const updatedTeams = (userData?.whoAmI.teams as Team[]).map((team: Team) => {
43 | if (team.id === teamId) {
44 | return {
45 | ...team,
46 | members: team.members.filter((member: User) => member.id !== userId),
47 | };
48 | }
49 | return team;
50 | });
51 |
52 | cache.writeQuery({
53 | query: WHOAMI_QUERY,
54 | data: {
55 | ...userData?.whoAmI,
56 | teams: updatedTeams,
57 | },
58 | });
59 |
60 | cache.writeQuery({
61 | query: TEAMS_QUERY,
62 | data: {
63 | teams: {
64 | count: data?.teams?.count,
65 | results: updatedRemovedResults,
66 | },
67 | },
68 | variables: {
69 | courseId: courseId,
70 | pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },
71 | },
72 | });
73 | },
74 | });
75 | return {
76 | expelUserFromTeam,
77 | loadingM: loading,
78 | errorM: error,
79 | };
80 | };
81 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useRemoveUserFromTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { RemoveUserFromTeamInput, Team, TeamList, User } from 'types';
3 | import { TEAMS_QUERY, WHOAMI_QUERY } from 'graphql/queries';
4 | import { REMOVE_USER_FROM_TEAM_MUTATION } from 'graphql/mutations';
5 | import { TEAMS_PER_PAGE } from 'appConstants';
6 |
7 | type Props = {
8 | data: RemoveUserFromTeamInput;
9 | };
10 |
11 | export const useRemoveUserFromTeamMutation = ({ data }: Props) => {
12 | const { teamId, page, userId, courseId } = data;
13 | const dataForMutation = { userId, teamId };
14 | const [removeUserFromTeam, { loading, error }] = useMutation(REMOVE_USER_FROM_TEAM_MUTATION, {
15 | variables: {
16 | data: dataForMutation,
17 | },
18 |
19 | update(cache, { data: { removeUserFromTeam } }) {
20 | const data: { teams: TeamList } | null = cache.readQuery({
21 | query: TEAMS_QUERY,
22 | variables: {
23 | courseId: courseId,
24 | pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },
25 | },
26 | });
27 |
28 | const updatedRemovedResults = data?.teams.results
29 | .map((team: Team) => {
30 | if (team.id === teamId) {
31 | return {
32 | ...team,
33 | members: team.members.filter((member: User) => member.id !== userId),
34 | };
35 | }
36 | return team;
37 | })
38 | .filter((team: Team | undefined) => !!team?.members.length);
39 |
40 | cache.writeQuery({
41 | query: WHOAMI_QUERY,
42 | data: {
43 | removeUserFromTeam,
44 | },
45 | });
46 |
47 | cache.writeQuery({
48 | query: TEAMS_QUERY,
49 | data: {
50 | teams: {
51 | count: updatedRemovedResults?.length,
52 | results: updatedRemovedResults,
53 | },
54 | },
55 | variables: {
56 | courseId: courseId,
57 | pagination: { skip: page * TEAMS_PER_PAGE, take: TEAMS_PER_PAGE },
58 | },
59 | });
60 | },
61 | });
62 | return {
63 | removeUserFromTeam,
64 | loadingM: loading,
65 | errorM: error,
66 | };
67 | };
68 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useSortStudentsMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { SORT_STUDENTS_MUTATION } from 'graphql/mutations';
3 |
4 | type Props = {
5 | courseId: string;
6 | };
7 |
8 | export const useSortStudentsMutation = ({ courseId }: Props) => {
9 | const [sortStudents, { loading, error }] = useMutation(SORT_STUDENTS_MUTATION, {
10 | variables: {
11 | courseId,
12 | },
13 | });
14 | return {
15 | sortStudents,
16 | loadingM: loading,
17 | errorM: error,
18 | };
19 | };
20 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useUpdUserMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { UPD_USER_MUTATION } from 'graphql/mutations';
3 | import { WHOAMI_QUERY } from 'graphql/queries';
4 | import { UpdateUserInput } from 'types';
5 |
6 | type Props = {
7 | user: UpdateUserInput;
8 | };
9 |
10 | export const useUpdUserMutation = ({ user }: Props) => {
11 | const formattedUser = { ...user, score: Number(user.score) };
12 | const [updateUser, { loading, error }] = useMutation(UPD_USER_MUTATION, {
13 | variables: {
14 | user: formattedUser,
15 | },
16 | update(cache, { data: { updateUser } }) {
17 | cache.writeQuery({
18 | query: WHOAMI_QUERY,
19 | data: {
20 | updateUser,
21 | },
22 | });
23 | },
24 | });
25 | return {
26 | updateUser,
27 | loadingM: loading,
28 | errorM: error,
29 | };
30 | };
31 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useUpdateCourseMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { UpdateCourseInput, Course } from 'types';
3 | import { COURSES_QUERY } from 'graphql/queries';
4 | import { UPDATE_COURSE_MUTATION } from 'graphql/mutations';
5 |
6 | type Props = {
7 | course: UpdateCourseInput;
8 | };
9 |
10 | export const useUpdateCourseMutation = ({ course }: Props) => {
11 | const { id } = course;
12 | const [updateCourse, { loading, error }] = useMutation(UPDATE_COURSE_MUTATION, {
13 | variables: {
14 | course,
15 | },
16 |
17 | update(cache, { data: { updateCourse } }) {
18 | const data: { courses: Course[] } | null = cache.readQuery({
19 | query: COURSES_QUERY,
20 | });
21 |
22 | const updatedResults = data?.courses?.map((course: Course) => {
23 | if (course.id === id) {
24 | return updateCourse;
25 | }
26 | return course;
27 | });
28 |
29 | cache.writeQuery({
30 | query: COURSES_QUERY,
31 | data: {
32 | courses: updatedResults,
33 | },
34 | });
35 | },
36 | });
37 | return {
38 | updateCourse,
39 | loadingM: loading,
40 | errorM: error,
41 | };
42 | };
43 |
--------------------------------------------------------------------------------
/src/hooks/graphql/mutations/useUpdateTeamMutation.ts:
--------------------------------------------------------------------------------
1 | import { useMutation } from '@apollo/client';
2 | import { UpdateTeamInput, User, Team } from 'types';
3 | import { WHOAMI_QUERY } from 'graphql/queries';
4 | import { UPDATE_TEAM_MUTATION } from 'graphql/mutations';
5 |
6 | type Props = {
7 | team: UpdateTeamInput;
8 | };
9 |
10 | export const useUpdateTeamMutation = ({ team }: Props) => {
11 | const { id } = team;
12 | const [updateTeam, { loading, error }] = useMutation(UPDATE_TEAM_MUTATION, {
13 | variables: {
14 | team,
15 | },
16 |
17 | update(cache, { data: { updateTeam } }) {
18 | const userData: { whoAmI: User } | null = cache.readQuery({
19 | query: WHOAMI_QUERY,
20 | });
21 |
22 | const updatedUserTeam = (userData?.whoAmI.teams as Team[]).map((team: Team) => {
23 | if (team.id === id) {
24 | return updateTeam;
25 | }
26 | return team;
27 | });
28 |
29 | cache.writeQuery({
30 | query: WHOAMI_QUERY,
31 | data: {
32 | whoAmI: {
33 | ...userData?.whoAmI,
34 | teams: updatedUserTeam,
35 | },
36 | },
37 | });
38 | },
39 | });
40 | return {
41 | updateTeam,
42 | loadingM: loading,
43 | errorM: error,
44 | };
45 | };
46 |
--------------------------------------------------------------------------------
/src/hooks/graphql/queries/useCoursesQuery.ts:
--------------------------------------------------------------------------------
1 | import { useQuery } from '@apollo/client';
2 |
3 | import { COURSES_QUERY } from 'graphql/queries';
4 |
5 | export const useCoursesQuery = () => {
6 | const { data, loading, error } = useQuery(COURSES_QUERY);
7 | const isLoaded = !loading && data?.courses;
8 |
9 | return {
10 | loading: !isLoaded,
11 | error,
12 | courses: data?.courses,
13 | };
14 | };
15 |
--------------------------------------------------------------------------------
/src/hooks/graphql/queries/useTeamsQuery.ts:
--------------------------------------------------------------------------------
1 | import { useQuery } from '@apollo/client';
2 | import { TEAMS_PER_PAGE } from 'appConstants';
3 |
4 | import { TEAMS_QUERY } from 'graphql/queries';
5 | type Props = {
6 | reactCourseId: string;
7 | skip?: boolean;
8 | page?: number;
9 | };
10 |
11 | export const useTeamsQuery = ({ reactCourseId, skip = false, page = 0 }: Props) => {
12 | const { data, loading, error } = useQuery(TEAMS_QUERY, {
13 | skip,
14 | variables: {
15 | courseId: reactCourseId,
16 | pagination: {
17 | skip: page * TEAMS_PER_PAGE,
18 | take: TEAMS_PER_PAGE,
19 | },
20 | },
21 | });
22 | const isLoaded = !loading && !!data;
23 | return {
24 | loadingT: !isLoaded,
25 | errorT: error,
26 | teams: data?.teams,
27 | };
28 | };
29 |
--------------------------------------------------------------------------------
/src/hooks/graphql/queries/useUsersQuery.ts:
--------------------------------------------------------------------------------
1 | import { useQuery } from '@apollo/client';
2 | import { USERS_PER_PAGE } from 'appConstants';
3 |
4 | import { USERS_QUERY } from 'graphql/queries';
5 | import { UserFilterInput } from 'types';
6 |
7 | type Props = {
8 | reactCourseId: string;
9 | skip?: boolean;
10 | page?: number;
11 | filter?: UserFilterInput;
12 | };
13 |
14 | export const useUsersQuery = ({ reactCourseId, skip = false, page = 0, filter }: Props) => {
15 | const { data, loading, error } = useQuery(USERS_QUERY, {
16 | skip,
17 | variables: {
18 | filter,
19 | courseId: reactCourseId,
20 | pagination: {
21 | skip: page * USERS_PER_PAGE,
22 | take: USERS_PER_PAGE,
23 | },
24 | },
25 | });
26 | const isLoaded = !loading && !!data;
27 |
28 | return {
29 | loadingU: !isLoaded,
30 | errorU: error,
31 | users: data?.users,
32 | };
33 | };
34 |
--------------------------------------------------------------------------------
/src/hooks/graphql/queries/useWhoAmIQuery.ts:
--------------------------------------------------------------------------------
1 | import { useQuery } from '@apollo/client';
2 | import { WHOAMI_QUERY } from 'graphql/queries';
3 |
4 | type Props = {
5 | skip: boolean;
6 | };
7 |
8 | export const useWhoAmIQuery = ({ skip = false }: Props) => {
9 | const {
10 | data,
11 | loading: loadingW,
12 | error,
13 | } = useQuery(WHOAMI_QUERY, {
14 | skip,
15 | });
16 |
17 | return {
18 | loadingW,
19 | errorW: error,
20 | whoAmI: data?.whoAmI,
21 | };
22 | };
23 |
--------------------------------------------------------------------------------
/src/modules/AdminPage/components/ContentWrapper/components/AddCourseBlock/components/InputsBlock/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import { useTranslation } from 'react-i18next';
3 | import { ModalInput, Label } from 'typography';
4 | import { ValidationAlert } from 'components/InputField/styled';
5 | import { InputWrapper, FieldWrapper } from './styled';
6 |
7 | interface InputBlockProps {
8 | inputLabel: string;
9 | value: string;
10 | placeholder: string;
11 | onChangeHandler: (e: React.ChangeEvent72 | {t('Support us')}{' '} 73 | 74 | {t('our repo')} 75 | 76 | ! 77 |
78 |{courseOrder}
46 | {name}
47 | {teamSize ?? t('Unset')}
48 | {t(courseState)}
49 | {children}
47 | {t('Don’t have github account?')}
21 | {t('Sign up')} 22 |{item}
39 | {showPopup && -
57 | {TableRow}
58 |
28 | {countMembers || 0} {countMembers === 1 ? t('member') : t('members')}
29 |
30 | setShowPopup(false)}
41 | >
42 | {currValue}
43 |
44 | {showPopup && {t(title)}
24 |
32 |
63 | 33 | {t('My team - Team')} {team.number} 34 |
35 |
36 |
39 |
40 |
46 | {t('Leave course')}
47 |
48 |
49 |
50 |
51 | {t('Leave team')}
52 |
53 |
54 |
55 |
61 |
23 |
32 | {name}
24 | {description && {description}
}
25 |
29 |
31 | );
32 | };
33 |
--------------------------------------------------------------------------------
/src/modules/TutorialPage/components/NoteBlock/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import { NoteWrapper, NoteList } from './styled';
3 | import { useTranslation } from 'react-i18next';
4 |
5 | type NoteBlockProps = {
6 | title?: string;
7 | subtitle?: string;
8 | listItems?: string[];
9 | isNote?: string;
10 | };
11 |
12 | export const NoteBlock: FC{t('Redirecting...')}
30 |{t(title)}
23 | {subtitle &&{t(subtitle)}
} 24 | {listItems && ( 25 |{t('The only person who creates the team is Team Lead')}
, 15 | }, 16 | { 17 | title: 'Join team', 18 | subtitle: 'To join an existing team', 19 | listItems: [`Press the “Join team” button`, `Specify the password`], 20 | }, 21 | { 22 | listItems: [ 23 | `If you have not found a team`, 24 | `If the team has fewer members than is required for the task`, 25 | ], 26 | isNote: 'Note', 27 | }, 28 | { 29 | title: 'You will see the following after joining the team', 30 | children: ( 31 |