🛢️ feature/bulk annotation

frontend/components/base/base-checkbox/BaseCheckbox.vue

@@ -34,6 +34,7 @@
 </template>
 
 <script>
+// TODO: Improve this component.
 import "assets/icons/check";
 import _ from "lodash";
 export default {

frontend/components/feedback-task/container/fields/RecordFieldsHeader.vue

@@ -3,8 +3,8 @@
     <div class="fields__header--left">
       <BaseCheckbox
         v-if="Array.isArray(selectedRecords)"
-        :decoration-circle="animateCheckboxes"
         class="fields__checkbox"
+        :decoration-circle="true"
         :value="selectedRecords.includes(record)"
         @input="onSelectedRecord"
       />
@@ -47,21 +47,11 @@ export default {
       type: Array,
     },
   },
-  data() {
-    return {
-      animateCheckboxes: false,
-    };
-  },
   methods: {
     onSelectedRecord(isSelected) {
       this.$emit("on-select-record", isSelected, this.record);
     },
   },
-  created() {
-    this.$nuxt.$on("animate-checkboxes", () => {
-      this.animateCheckboxes = true;
-    });
-  },
 };
 </script>
 

frontend/components/feedback-task/container/mode/BulkAnnotation.vue

@@ -177,12 +177,6 @@ export default {
       this.$root.$emit("on-change-record-criteria-filter", this.recordCriteria);
     },
   },
-  mounted() {
-    this.$root.$emit("animate-checkboxes");
-  },
-  destroyed() {
-    this.$root.$off("animate-checkboxes");
-  },
   setup() {
     return useBulkAnnotationViewModel();
   },