feat: migrate animate.css to v4 (ArkEcosystemArchive#934)

NicoCereghini · Jun 10, 2020 · bb56da7 · bb56da7
1 parent 75084f2
commit bb56da7
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 14 deletions.
diff --git a/.yarn/cache/animate.css-npm-3.7.2-caa8db9d0e-3.zip b/.yarn/cache/animate.css-npm-3.7.2-caa8db9d0e-3.zip
diff --git a/.yarn/cache/animate.css-npm-4.1.0-2c223a0f85-3.zip b/.yarn/cache/animate.css-npm-4.1.0-2c223a0f85-3.zip
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/__tests__/e2e/specs/block-details_spec.js b/__tests__/e2e/specs/block-details_spec.js
@@ -3,10 +3,10 @@ describe("Block Details", () => {
     cy.visit("/block/3487084709104787070");
 
     cy.get(".ClipboardButton svg.block").as("btn");
-    cy.get("@btn").should("not.have.class", "animated");
+    cy.get("@btn").should("not.have.class", "animate__animated");
     cy.get("@btn")
       .click()
-      .should("not.class", "animated");
+      .should("not.class", "animate__animated");
   });
 
   // it("should be possible to navigate to next block and back", () => {

diff --git a/__tests__/e2e/specs/transaction-details_spec.js b/__tests__/e2e/specs/transaction-details_spec.js
@@ -5,10 +5,10 @@ describe("Transaction Details", () => {
 
   it("should be possible to copy the transaction id", () => {
     cy.get(".ClipboardButton svg.block").as("btn");
-    cy.get("@btn").should("not.have.class", "animated");
+    cy.get("@btn").should("not.have.class", "animate__animated");
     cy.get("@btn")
       .click()
-      .should("not.class", "animated");
+      .should("not.class", "animate__animated");
   });
 
   it("should be possible to click on the sender", () => {

diff --git a/__tests__/e2e/specs/wallet_spec.js b/__tests__/e2e/specs/wallet_spec.js
@@ -5,10 +5,10 @@ describe("Wallet", () => {
     cy.get(".ClipboardButton svg.block")
       .first()
       .as("btn");
-    cy.get("@btn").should("not.have.class", "animated");
+    cy.get("@btn").should("not.have.class", "animate__animated");
     cy.get("@btn")
       .click()
-      .should("have.class", "animated");
+      .should("have.class", "animate__animated");
   });
 
   it("should show the wallet's balance", () => {

diff --git a/package.json b/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@types/nprogress": "^0.2.0",
-    "animate.css": "^3.7.2",
+    "animate.css": "^4.1.0",
     "axios": "^0.19.2",
     "bad-words": "^3.0.3",
     "bignumber.js": "^9.0.0",

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
@@ -20,7 +20,7 @@
 }
 
 .v-spinner {
-  @apply .flex .items-center .justify-center
+  @apply .flex .items-center .justify-center;
 }
 
 @tailwind utilities;
diff --git a/src/components/utils/Clipboard.vue b/src/components/utils/Clipboard.vue
@@ -1,6 +1,12 @@
 <template>
   <button v-tooltip="getTooltip()" class="ClipboardButton" @click="copy">
-    <SvgIcon ref="copyImage" :class="{ 'animated wobble': copying }" class="block" name="copy" view-box="0 0 16 19" />
+    <SvgIcon
+      ref="copyImage"
+      :class="{ 'animate__animated animate__wobble': copying }"
+      class="block"
+      name="copy"
+      view-box="0 0 16 19"
+    />
   </button>
 </template>
 

diff --git a/yarn.lock b/yarn.lock
@@ -2868,10 +2868,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"animate.css@npm:^3.7.2":
-  version: 3.7.2
-  resolution: "animate.css@npm:3.7.2"
-  checksum: 3/6b5be1b5fea17fda69f44aa81c38e48093ac00e0025c6329c15b340c7b54e49e1b4d6f120ca78b28febd966be26bf5c0b5d73d63420d78a977ccda224faae964
+"animate.css@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "animate.css@npm:4.1.0"
+  checksum: 3/96d8192e1c1c33707bfb8fdd74246adb491d3ab849d2b0a3435f0b9fcf4adb8e14b07013595b38e0d02c8ab276032e3b4f31609c7a8385a45b1a3f9474140cbb
   languageName: node
   linkType: hard
 
@@ -3053,7 +3053,7 @@ __metadata:
     "@vue/eslint-config-typescript": ^5.0.2
     "@vue/test-utils": ^1.0.2
     "@yarnpkg/pnpify": ^2.0.0-rc.22
-    animate.css: ^3.7.2
+    animate.css: ^4.1.0
     axios: ^0.19.2
     babel-core: 7.0.0-bridge.0
     bad-words: ^3.0.3