Merge Block user and project

Author: JuampiRombola

src/graphql/graphql.js

@@ -44,6 +44,7 @@ export const ALL_PROJECTS_QUERY = gql`
             dbId
             email
           }
+          isBlocked
         }
       }
       pageInfo {
@@ -90,6 +91,7 @@ export const PROJECT_QUERY = gql`
         dbId
         username
       }
+      isBlocked
     }
   }
 `
@@ -101,6 +103,7 @@ export const USER_QUERY = gql`
       email
       latitude
       longitude
+      isBlocked
     }
   }
 `
@@ -116,3 +119,33 @@ export const CATEGORIES_QUERY = gql`
     }
   }
 `
+
+export const BLOCK_USER_MUTATION = gql`
+  mutation BlockUser($userId: Int!) {
+    mutateBlockUser(userId: $userId) {
+      isBlocked
+    }
+  }
+`
+
+export const UNBLOCK_USER_MUTATION = gql`
+  mutation UnblockUser($userId: Int!) {
+    mutateUnblockUser(userId: $userId){
+      isBlocked
+    }
+  }
+`
+export const BLOCK_PROJECT_MUTATION = gql`
+  mutation BlockProject($idProject: Int!) {
+    mutateBlockProject(idProject: $idProject){
+      isBlocked
+    }
+  }
+`
+export const UNBLOCK_PROJECT_MUTATION = gql`
+  mutation UnblockProject($idProject: Int!) {
+    mutateUnblockProject(idProject: $idProject){
+      isBlocked
+    }
+  }
+`

src/views/ProjectDetail.vue

@@ -309,7 +309,7 @@
 
 <script>
 import InvestorsTable from '@/components/InvestorsTable'
-import { PROJECT_QUERY } from '../graphql/graphql'
+import { PROJECT_QUERY, BLOCK_PROJECT_MUTATION, UNBLOCK_PROJECT_MUTATION } from '@/graphql/graphql'
 
 export default {
   components: {
@@ -387,7 +387,7 @@ export default {
       return this.$route.params.id
     },
     isBlocked () {
-      return this.mockProject.isBlocked
+      return this.project.isBlocked
     },
     items () {
       return [{
@@ -407,12 +407,30 @@ export default {
 
   methods: {
     blockProject () {
-      this.mockProject.isBlocked = true
       this.dialog = false
+      this.$apollo.mutate({
+        mutation: BLOCK_PROJECT_MUTATION,
+        variables: {
+          idProject: this.id
+        }
+      }).then(() => {
+        this.project.isBlocked = true
+      }).catch((error) => {
+        console.error(error)
+      })
     },
     unblockProject () {
-      this.mockProject.isBlocked = false
       this.dialog = false
+      this.$apollo.mutate({
+        mutation: UNBLOCK_PROJECT_MUTATION,
+        variables: {
+          idProject: this.id
+        }
+      }).then(() => {
+        this.project.isBlocked = false
+      }).catch((error) => {
+        console.error(error)
+      })
     }
   },
 

src/views/UserDetail.vue

@@ -274,7 +274,7 @@
 <script>
 import Map from '@/components/Map'
 import ProjectsTable from '@/components/ProjectsTable'
-import { USER_QUERY } from '../graphql/graphql'
+import { BLOCK_USER_MUTATION, UNBLOCK_USER_MUTATION, USER_QUERY } from '@/graphql/graphql'
 
 export default {
   components: {
@@ -313,7 +313,7 @@ export default {
       return this.$route.params.id
     },
     isBlocked () {
-      return this.mockUser.isBlocked
+      return this.user.isBlocked
     },
     isSeeder () {
       return this.mockUser.isSeeder
@@ -342,12 +342,30 @@ export default {
 
   methods: {
     blockUser () {
-      this.mockUser.isBlocked = true
       this.dialog = false
+      this.$apollo.mutate({
+        mutation: BLOCK_USER_MUTATION,
+        variables: {
+          userId: this.id
+        }
+      }).then(() => {
+        this.user.isBlocked = true
+      }).catch((error) => {
+        console.error(error)
+      })
     },
     unblockUser () {
-      this.mockUser.isBlocked = false
       this.dialog = false
+      this.$apollo.mutate({
+        mutation: UNBLOCK_USER_MUTATION,
+        variables: {
+          userId: this.id
+        }
+      }).then(() => {
+        this.user.isBlocked = false
+      }).catch((error) => {
+        console.error(error)
+      })
     }
   },