Add approve button

frontend/components/containers/annotation/ApproveButton.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-tooltip bottom>
+    <template v-slot:activator="{ on }">
+      <v-btn
+        class="text-capitalize ps-1 pe-1"
+        min-width="36"
+        outlined
+        v-on="on"
+        @click="dialog=true"
+      >
+        <v-icon v-if="approved">
+          mdi-checkbox-blank-circle-outline
+        </v-icon>
+        <v-icon v-else>
+          mdi-check-circle-outline
+        </v-icon>
+      </v-btn>
+    </template>
+    <span>Approve</span>
+  </v-tooltip>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      approved: true
+    }
+  }
+}
+</script>

frontend/pages/projects/_id/sequence-labeling/index.vue

@@ -6,6 +6,7 @@
         class="d-none d-sm-flex"
       >
         <v-col>
+          <approve-button />
           <filter-button />
           <guideline-button />
         </v-col>
@@ -38,6 +39,7 @@
 import { mapGetters } from 'vuex'
 import EntityItemBox from '~/components/containers/annotation/EntityItemBox'
 import Paginator from '~/components/containers/annotation/Paginator'
+import ApproveButton from '@/components/containers/annotation/ApproveButton'
 import GuidelineButton from '@/components/containers/annotation/GuidelineButton'
 import FilterButton from '@/components/containers/annotation/FilterButton'
 import MetadataBox from '@/components/organisms/annotation/MetadataBox'
@@ -49,6 +51,7 @@ export default {
   middleware: 'check-auth',
 
   components: {
+    ApproveButton,
     BottomNavigator,
     EntityItemBox,
     FilterButton,