#521 Separating mutations and components

src/Mutations/OrganisationMutations.tsx

@@ -0,0 +1,38 @@
+import { gql } from '@apollo/client';
+
+export const AddOrganization = gql`
+  mutation AddOrganization(
+    $organizationInput: OrganizationInput
+    $action: String
+  ) {
+    addOrganization(organizationInput: $organizationInput, action: $action) {
+      id
+    }
+  }
+`;
+
+// delete organisation
+export const DeleteOrganization = gql`
+  mutation DeleteOrganization($deleteOrganizationId: ID!) {
+    deleteOrganization(id: $deleteOrganizationId) {
+      id
+      name
+      description
+    }
+  }
+`;
+
+export const RegisterNewOrganization = gql`
+  mutation RegisterNewOrganization(
+    $organizationInput: OrganizationInput
+    $action: String
+  ) {
+    RegisterNewOrganization(
+      organizationInput: $organizationInput
+      action: $action
+    ) {
+      name
+      status
+    }
+  }
+`;

src/Mutations/cohortMutations.tsx

@@ -0,0 +1,45 @@
+import { gql } from '@apollo/client';
+
+export const AddCohort = gql`
+  mutation AddCohort(
+    $name: String!
+    $phaseName: String!
+    $coordinatorEmail: String!
+    $programName: String!
+    $startDate: DateTime!
+    $endDate: DateTime
+    $orgToken: String!
+  ) {
+    addCohort(
+      name: $name
+      phaseName: $phaseName
+      coordinatorEmail: $coordinatorEmail
+      programName: $programName
+      startDate: $startDate
+      endDate: $endDate
+      orgToken: $orgToken
+    ) {
+      id
+      name
+      phase {
+        name
+      }
+      coordinator {
+        email
+      }
+      program {
+        name
+      }
+      startDate
+      endDate
+    }
+  }
+`;
+
+export const DeleteCohort = gql`
+  mutation DeleteCohort($deleteCohortId: ID!, $orgToken: String) {
+    deleteCohort(id: $deleteCohortId, orgToken: $orgToken) {
+      id
+    }
+  }
+`;

src/Mutations/coverMutations.tsx

@@ -0,0 +1,16 @@
+import { gql } from '@apollo/client';
+
+export const UPDATE_AVATAR = gql`
+  mutation UpdateAvatar($avatar: String) {
+    updateAvatar(avatar: $avatar) {
+      avatar
+    }
+  }
+`;
+export const UPDATE_COVER = gql`
+  mutation UpdateCover($cover: String) {
+    updateCoverImage(cover: $cover) {
+      cover
+    }
+  }
+`;

src/Mutations/phaseMutations.tsx

@@ -0,0 +1,17 @@
+import { gql } from '@apollo/client';
+
+export const AddPhase = gql`
+  mutation AddPhase($name: String!, $description: String!, $orgToken: String!) {
+    addPhase(name: $name, description: $description, orgToken: $orgToken) {
+      id
+    }
+  }
+`;
+
+export const DeletePhase = gql`
+  mutation DeletePhase($deletePhaseId: ID!, $orgToken: String) {
+    deletePhase(id: $deletePhaseId, orgToken: $orgToken) {
+      id
+    }
+  }
+`;

src/Mutations/profileMutation.tsx

@@ -0,0 +1,38 @@
+import { gql } from '@apollo/client';
+
+export const UPDATE_PROFILE = gql`
+  mutation UpdateProfile(
+    $lastName: String
+    $firstName: String
+    $address: String
+    $city: String
+    $country: String
+    $phoneNumber: String
+    $biography: String
+    $fileName: String
+    $cover: String
+    $githubUsername: String
+  ) {
+    updateProfile(
+      lastName: $lastName
+      firstName: $firstName
+      address: $address
+      city: $city
+      country: $country
+      phoneNumber: $phoneNumber
+      biography: $biography
+      fileName: $fileName
+      cover: $cover
+      githubUsername: $githubUsername
+    ) {
+      id
+      lastName
+      firstName
+      biography
+      phoneNumber
+      address
+      city
+      country
+    }
+  }
+`;

src/Mutations/programMutations.tsx

@@ -0,0 +1,27 @@
+import { gql } from '@apollo/client';
+
+export const AddProgram = gql`
+  mutation AddProgram(
+    $name: String!
+    $description: String!
+    $managerEmail: String!
+    $orgToken: String!
+  ) {
+    addProgram(
+      name: $name
+      description: $description
+      managerEmail: $managerEmail
+      orgToken: $orgToken
+    ) {
+      id
+    }
+  }
+`;
+
+export const DeleteProgram = gql`
+  mutation DeleteProgram($deleteProgramId: ID!, $orgToken: String) {
+    deleteProgram(id: $deleteProgramId, orgToken: $orgToken) {
+      id
+    }
+  }
+`;

src/Mutations/resumeMutation.tsx

@@ -0,0 +1,9 @@
+import { gql } from '@apollo/client';
+
+export const UPLOAD_RESUME = gql`
+  mutation UploadResume($userId: ID!, $resume: String!) {
+    uploadResume(userId: $userId, resume: $resume) {
+      resume
+    }
+  }
+`;

src/Mutations/teamMutation.tsx

@@ -34,6 +34,34 @@ export const ADD_TEAMS = gql`
     }
   }
 `;
+export const AddTeam = gql`
+  mutation Mutation(
+    $name: String!
+    $cohortName: String!
+    $orgToken: String!
+    $startingPhase: DateTime!
+    $ttlEmail: String!
+  ) {
+    addTeam(
+      name: $name
+      cohortName: $cohortName
+      orgToken: $orgToken
+      startingPhase: $startingPhase
+      ttlEmail: $ttlEmail
+    ) {
+      name
+      cohort {
+        name
+      }
+    }
+  }
+`;
+
+export const DeleteTeam = gql`
+  mutation Mutation($deleteTeamId: ID!) {
+    deleteTeam(id: $deleteTeamId)
+  }
+`;
 
 export const GET_TEAMS_CARDS = gql`
   query Query($orgToken: String!) {

src/components/CreateOrganizationModal.tsx

@@ -4,17 +4,7 @@ import { useForm } from 'react-hook-form';
 import { TFunction, useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
 import Button from './Buttons';
-
-export const AddOrganization = gql`
-  mutation AddOrganization(
-    $organizationInput: OrganizationInput
-    $action: String
-  ) {
-    addOrganization(organizationInput: $organizationInput, action: $action) {
-      id
-    }
-  }
-`;
+import { AddOrganization } from '../Mutations/OrganisationMutations';
 
 export default function CreateOrganizationModal({
   createOrganizationModel,

src/components/Organizations.tsx

@@ -2,18 +2,18 @@
 import React, { useState, useEffect } from 'react';
 import { FaEllipsisV } from 'react-icons/fa';
 import { useTranslation } from 'react-i18next';
-import CreateOrganizationModal, {
-  AddOrganization,
-} from './CreateOrganizationModal';
+import CreateOrganizationModal from './CreateOrganizationModal';
 import { gql, useMutation, useQuery } from '@apollo/client';
 import useDocumentTitle from '../hook/useDocumentTitle';
 import Button from './Buttons';
 import Tooltip from '@mui/material/Tooltip';
 import { toast } from 'react-toastify';
 import { Icon } from '@iconify/react';
-
 import DataTable from '../components/DataTable';
 import OrgSkeleton from '../Skeletons/Organization.skeleton';
+import { DeleteOrganization } from '../Mutations/OrganisationMutations';
+import { RegisterNewOrganization } from '../Mutations/OrganisationMutations';
+import { AddOrganization } from '../Mutations/OrganisationMutations';
 
 export interface Admin {
   id: string;
@@ -42,31 +42,6 @@ export const getOrganizations = gql`
   }
 `;
 
-export const DeleteOrganization = gql`
-  mutation DeleteOrganization($deleteOrganizationId: ID!) {
-    deleteOrganization(id: $deleteOrganizationId) {
-      id
-      name
-      description
-    }
-  }
-`;
-
-export const RegisterNewOrganization = gql`
-  mutation RegisterNewOrganization(
-    $organizationInput: OrganizationInput
-    $action: String
-  ) {
-    RegisterNewOrganization(
-      organizationInput: $organizationInput
-      action: $action
-    ) {
-      name
-      status
-    }
-  }
-`;
-
 function ActionButtons({
   getData,
   setData,

src/components/ProfileCoverpage.tsx

@@ -18,6 +18,7 @@ import { GET_PROFILE } from '../Mutations/User';
 import Avatar from '../assets/avatar.png';
 import Spinner from '../components/ButtonLoading';
 import { UserContext } from '../hook/useAuth';
+import { UPDATE_AVATAR, UPDATE_COVER } from '../Mutations/coverMutations';
 
 export default function ProfileCoverpage({
   currentPage,
@@ -29,21 +30,6 @@ export default function ProfileCoverpage({
   const { t } = useTranslation();
   const navigate = useNavigate();
 
-  const UPDATE_AVATAR = gql`
-    mutation UpdateAvatar($avatar: String) {
-      updateAvatar(avatar: $avatar) {
-        avatar
-      }
-    }
-  `;
-  const UPDATE_COVER = gql`
-    mutation UpdateCover($cover: String) {
-      updateCoverImage(cover: $cover) {
-        cover
-      }
-    }
-  `;
-
   const client = useApolloClient();
   const [UpdateAvatar, { loading }] = useMutation(UPDATE_AVATAR);
   const [UpdateCover, { loading: loading2 }] = useMutation(UPDATE_COVER);
@@ -216,7 +202,7 @@ export default function ProfileCoverpage({
         <div className="flex items-center justify-center w-full h-screen mt-24 ml-auto bg-grey-lighter">
           <label className="flex items-center ml-auto mr-4 rounded-md bg-primary text-white hover:bg-[#7a5edc] p-[6px]  cursor-pointer">
             {spinnerCover ? (
-              <ClipLoader size={14} color="#ffffff" className='m-1'/>
+              <ClipLoader size={14} color="#ffffff" className="m-1" />
             ) : (
               <CameraIcon className="w-5 dark:text-dark-text-fill" />
             )}

src/components/Resume.tsx

@@ -8,14 +8,7 @@ import { toast } from 'react-toastify';
 import Button from './Buttons';
 import { UserContext } from '../hook/useAuth';
 import Spinner from './Spinner';
-
-const UPLOAD_RESUME = gql`
-  mutation UploadResume($userId: ID!, $resume: String!) {
-    uploadResume(userId: $userId, resume: $resume) {
-      resume
-    }
-  }
-`;
+import { UPLOAD_RESUME } from '../Mutations/resumeMutation';
 
 interface UploadFormProps {
   uploadType: number | null;