Hide check button from annotators

frontend/layouts/annotation.vue

@@ -29,6 +29,7 @@
         >
           <v-col>
             <approve-button
+              v-if="canViewApproveButton"
               :approved="approved"
               :disabled="currentDoc ? false : true"
             />
@@ -111,7 +112,7 @@ export default {
   },
 
   computed: {
-    ...mapGetters('projects', ['getLink', 'getCurrentUserRole', 'getFilterOption']),
+    ...mapGetters('projects', ['getLink', 'getCurrentUserRole', 'getFilterOption', 'canViewApproveButton']),
     ...mapState('documents', ['loading', 'total']),
     ...mapGetters('documents', ['currentDoc', 'approved']),
     page: {

frontend/store/projects.js

@@ -17,6 +17,10 @@ export const getters = {
   getCurrentUserRole(state) {
     return state.current.current_users_role || {}
   },
+  canViewApproveButton(state) {
+    const role = state.current.current_users_role
+    return role && !role.is_annotator
+  },
   getFilterOption(state) {
     if (state.current.project_type === 'DocumentClassification') {
       return 'doc_annotations__isnull'