diff --git a/frontend/src/graphql/mutations.js b/frontend/src/graphql/mutations.js
index 4e2e2b2e2..ec1f5a410 100644
--- a/frontend/src/graphql/mutations.js
+++ b/frontend/src/graphql/mutations.js
@@ -113,3 +113,9 @@ export const updateContribution = gql`
     }
   }
 `
+
+export const deleteContribution = gql`
+  mutation($id: Int!) {
+    deleteContribution(id: $id)
+  }
+`
diff --git a/frontend/src/pages/Community.vue b/frontend/src/pages/Community.vue
index f1bf3dbd8..77c426668 100644
--- a/frontend/src/pages/Community.vue
+++ b/frontend/src/pages/Community.vue
@@ -36,7 +36,7 @@
 <script>
 import ContributionForm from '@/components/Contributions/ContributionForm.vue'
 import ContributionList from '@/components/Contributions/ContributionList.vue'
-import { createContribution, updateContribution } from '@/graphql/mutations'
+import { createContribution, updateContribution, deleteContribution } from '@/graphql/mutations'
 import { listContributions, listAllContributions, verifyLogin } from '@/graphql/queries'
 
 export default {
@@ -115,6 +115,28 @@ export default {
           this.toastError(err.message)
         })
     },
+    deleteContribution(id) {
+      this.$apollo
+        .mutate({
+          fetchPolicy: 'no-cache',
+          mutation: deleteContribution,
+          variables: {
+            id: id,
+          },
+        })
+        .then((result) => {
+          // console.log('result', result.data)
+          this.toastSuccess(result.data)
+          this.updateListContributions({
+            currentPage: this.currentPage,
+            pageSize: this.pageSize,
+          })
+          this.verifyLogin()
+        })
+        .catch((err) => {
+          this.toastError(err.message)
+        })
+    },
     updateListAllContributions(pagination) {
       this.$apollo
         .query({