From 53894e4d9aa45c1df5c9500238d4bc4302719560 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Mon, 3 Aug 2020 08:46:32 +0900
Subject: [PATCH] Enable project delete button only for project administrators

---
 .../components/containers/projects/ProjectDeletionButton.vue | 4 ++--
 frontend/store/projects.js                                   | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/components/containers/projects/ProjectDeletionButton.vue b/frontend/components/containers/projects/ProjectDeletionButton.vue
index 1ec15629..31cc4b2d 100644
--- a/frontend/components/containers/projects/ProjectDeletionButton.vue
+++ b/frontend/components/containers/projects/ProjectDeletionButton.vue
@@ -1,6 +1,6 @@
 <template>
   <confirm-dialog
-    :disabled="!isProjectSelected"
+    :disabled="!isDeletable"
     :items="selected"
     title="Delete Project"
     message="Are you sure you want to delete these projects?"
@@ -20,7 +20,7 @@ export default {
 
   computed: {
     ...mapState('projects', ['selected']),
-    ...mapGetters('projects', ['isProjectSelected'])
+    ...mapGetters('projects', ['isDeletable'])
   },
 
   methods: {
diff --git a/frontend/store/projects.js b/frontend/store/projects.js
index 7fa48b30..7056ceab 100644
--- a/frontend/store/projects.js
+++ b/frontend/store/projects.js
@@ -8,8 +8,9 @@ export const state = () => ({
 })
 
 export const getters = {
-  isProjectSelected(state) {
-    return state.selected.length > 0
+  isDeletable(state) {
+    const isProjectAdministrator = project => project.current_users_role.is_project_admin
+    return state.selected.length > 0 && state.selected.every(isProjectAdministrator)
   },
   currentProject(state) {
     return state.current