All files / src/components/modal/snackbars AnnotationGeneratedSnackbar.vue

100% Statements 9/9
100% Branches 4/4
100% Functions 5/5
100% Lines 9/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50    1x               9x 6x                     9x             1x                 34x   34x       1x     34x    
<template>
  <v-snackbar
    v-model="modelValue"
    variant="flat"
    class="pb-4"
  >
    <v-icon
      class="minsk-500 pr-3"
      icon="check_circle"
      size="large"
    />
    <span class="shark-950 text-center text-sm-medium">
      {{ t('texts.annotationGeneratedSuccess') }}
    </span>
    <template #actions>
      <v-btn
        data-testid="undoBtn"
        class="mr-2 px-4 ml-auto"
        color="minsk_900"
        variant="flat"
        @click="undo"
      >
        <span>{{ t('labels.undo') }}</span>
      </v-btn>
      <v-icon
        data-testid="closeBtn"
        class="ml-auto mr-3 shark-400"
        size="small"
        icon="close"
        @click="modelValue = false"
      />
    </template>
  </v-snackbar>
</template>
 
<script setup lang="ts">
import { useI18n } from 'vue-i18n';
 
const { t } = useI18n();
 
const modelValue = defineModel<boolean>({ default: false });
 
function undo(): void {
  // TODO: implement
  modelValue.value = false;
}
 
defineExpose({ modelValue, undo });
</script>