From 9bd77a9ccd67563022ad00f529ff78771ad3b586 Mon Sep 17 00:00:00 2001
From: NGPixel <github@ngpixel.com>
Date: Thu, 21 May 2020 00:34:24 -0400
Subject: [PATCH] feat: confetti during setup success

---
 client/components/setup.vue | 6 ++++++
 package.json                | 1 +
 yarn.lock                   | 5 +++++
 3 files changed, 12 insertions(+)

diff --git a/client/components/setup.vue b/client/components/setup.vue
index 5b44835d..789e320c 100644
--- a/client/components/setup.vue
+++ b/client/components/setup.vue
@@ -104,6 +104,7 @@
 import _ from 'lodash'
 import validate from 'validate.js'
 import { BreedingRhombusSpinner } from 'epic-spinners'
+import confetti from 'canvas-confetti'
 
 /* global siteConfig */
 
@@ -206,6 +207,11 @@ export default {
 
           if (resp.ok === true) {
             _.delay(() => {
+              confetti({
+                particleCount: 100,
+                spread: 70,
+                zIndex: 100000
+              })
               this.success = true
               _.delay(() => {
                 window.location.assign('/login')
diff --git a/package.json b/package.json
index 951656e5..6681ebfc 100644
--- a/package.json
+++ b/package.json
@@ -217,6 +217,7 @@
     "babel-plugin-prismjs": "2.0.1",
     "babel-plugin-transform-imports": "2.0.0",
     "cache-loader": "4.1.0",
+    "canvas-confetti": "1.2.0",
     "chart.js": "2.9.3",
     "clean-webpack-plugin": "3.0.0",
     "clipboard": "2.0.6",
diff --git a/yarn.lock b/yarn.lock
index 84bc778c..e4a0e88a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4704,6 +4704,11 @@ caniuse-lite@^1.0.30001039:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001040.tgz#103fc8e6eb1d7397e95134cd0e996743353d58ea"
   integrity sha512-Ep0tEPeI5wCvmJNrXjE3etgfI+lkl1fTDU6Y3ZH1mhrjkPlVI9W4pcKbMo+BQLpEWKVYYp2EmYaRsqpPC3k7lQ==
 
+canvas-confetti@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/canvas-confetti/-/canvas-confetti-1.2.0.tgz#5591764e1126adb08710d20bc9ba63842a3d8ee6"
+  integrity sha512-0B49O9CfLciAYz4hriu9pvWNGkCtVcpvyNFKWZI+JVWJM5nJTMg5MX3cFzatyeYcOL6bR1Jw3yhZKbgt03O8/Q==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"