All files / src/components/navigation/annotation AnnotationCreateSnackbar.vue

100% Statements 8/8
100% Branches 6/6
100% Functions 5/5
100% Lines 8/8

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    1x               7x 7x           1x   7x             1x                 34x   34x    
<template>
  <v-snackbar
    v-model="modelValue"
    class="mb-3"
    variant="flat"
  >
    <v-icon
      data-testid="icon"
      class="minsk-500 pr-3"
      icon="check_circle"
    />
    <span class="shark-950">{{ t('texts.annotationCreateSuccess') }}</span>
    <template #actions>
      <v-btn
        class="ml-auto mr-2"
        color="minsk_900"
        variant="flat"
        @click="modelValue = false"
      >
        <span>{{ t('labels.undo') }}</span>
      </v-btn>
      <v-icon
        data-testid="closeBtn"
        class="ml-auto 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 });
</script>