From 6e297918924b0a6950fa904d49cf0842f80a44a0 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Sun, 20 Dec 2020 22:30:40 +0100
Subject: [PATCH] minor changes

---
 src/components/DbUpload.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/DbUpload.vue b/src/components/DbUpload.vue
index d4fb5a7..866aa5f 100644
--- a/src/components/DbUpload.vue
+++ b/src/components/DbUpload.vue
@@ -31,7 +31,7 @@
         ref="fileImg"
         :class="{
           'swing': state === 'dragover',
-          'fly': state === 'drop',
+          'fly': state === 'drop'
         }"
         :src="require('@/assets/images/file.png')"
       />
@@ -66,8 +66,10 @@ export default {
   mounted () {
     if (this.illustrated) {
       this.animationPromise = new Promise((resolve) => {
-        this.$refs.fileImg.addEventListener('animationend', () => {
-          resolve()
+        this.$refs.fileImg.addEventListener('animationend', event => {
+          if (event.animationName.startsWith('fly')) {
+            resolve()
+          }
         })
       })
     }
@@ -168,7 +170,7 @@ input {
 }
 
 .swing {
-    animation: swing ease-in-out 0.6s infinite alternate;
+  animation: swing ease-in-out 0.6s infinite alternate;
 }
 #left-arm-img.swing {
   transform-origin: 9px 83px;
@@ -180,8 +182,8 @@ input {
    transform-origin: -74px 139px;
 }
 @keyframes swing {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(-7deg); }
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(-7deg); }
 }
 
 #file-img.fly {
@@ -192,6 +194,6 @@ input {
   transition: top 1s ease-in-out, left 1s ease-in-out;
 }
 @keyframes fly {
-    100% { transform: rotate(360deg) scale(0.5); }
+  100% { transform: rotate(360deg) scale(0.5); }
 }
 </style>