Implement functionality to update project member permissions in settings (#56)

* Add mutation to update permissions of project member

* Use update project member permission client method in UI

* Handle review changes

---------

Co-authored-by: neeraj <neeraj.rtly@gmail.com>

packages/frontend/src/components/projects/project/settings/MembersTabPanel.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import toast, { Toaster } from 'react-hot-toast';
-import { Project } from 'gql-client';
+import { Permission, Project } from 'gql-client';
 
 import { Chip, Button, Typography } from '@material-tailwind/react';
 
@@ -30,17 +30,32 @@ const MembersTabPanel = ({ project }: { project: Project }) => {
   }, [project.id]);
 
   const removeMemberHandler = async (projectMemberId: string) => {
-    const { removeMember: isMemberRemoved } =
-      await client.removeMember(projectMemberId);
+    const { removeProjectMember: isMemberRemoved } =
+      await client.removeProjectMember(projectMemberId);
 
     if (isMemberRemoved) {
-      toast.success('Member removed from project');
       await fetchProjectMembers();
+      toast.success('Member removed from project');
     } else {
       toast.error('Not able to remove member');
     }
   };
 
+  const updateProjectMemberHandler = useCallback(
+    async (projectMemberId: string, data: { permissions: Permission[] }) => {
+      const { updateProjectMember: isProjectMemberUpdated } =
+        await client.updateProjectMember(projectMemberId, data);
+
+      if (isProjectMemberUpdated) {
+        await fetchProjectMembers();
+        toast.success('Project member permission updated');
+      } else {
+        toast.error('Project member permission not updated');
+      }
+    },
+    [],
+  );
+
   useEffect(() => {
     fetchProjectMembers();
   }, [project.id, fetchProjectMembers]);
@@ -73,8 +88,6 @@ const MembersTabPanel = ({ project }: { project: Project }) => {
         isOwner={true}
         isPending={false}
         permissions={[]}
-        handleDeletePendingMember={() => {}}
-        removeMemberHandler={async () => {}}
       />
       {projectMembers.map((projectMember, index) => {
         return (
@@ -92,7 +105,12 @@ const MembersTabPanel = ({ project }: { project: Project }) => {
                 ),
               );
             }}
-            removeMemberHandler={() => removeMemberHandler(projectMember.id)}
+            onRemoveProjectMember={async () =>
+              await removeMemberHandler(projectMember.id)
+            }
+            onUpdateProjectMember={async (data) => {
+              await updateProjectMemberHandler(projectMember.id, data);
+            }}
           />
         );
       })}