✨ update loading image

.gitignore

@@ -0,0 +1 @@
+.DS_STORE

client/src/assets/entropy-loading.gif

@@ -0,0 +1 @@
+../../../assets/entropy-loading.gif

client/src/components/Loading.vue

@@ -1,12 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-    <circle cx="50" cy="34" r="12" fill="#b6065a">
-      <animate attributeName="cy" dur="0.8403361344537814s" repeatCount="indefinite" calcMode="spline" keySplines="0.45 0 0.9 0.55;0 0.45 0.55 0.9" keyTimes="0;0.5;1" values="34;66;34"></animate>
-    </circle>
-    <!-- [ldio] generated by https://loading.io/ -->
-  </svg>
+  <img src="../assets/entropy-loading.gif" />
 </template>
 
 <style>
 
-</style>
+</style>

client/src/store/modules/auth.js

@@ -1,5 +1,7 @@
 import feathers from '../../feathers';
 
+const loading = () => new Promise((resolve) => setTimeout(resolve, 5000));
+
 export default {
   namespaced: true,
   state: {
@@ -12,7 +14,7 @@ export default {
       try {
         state.loading = true;
         const user = await feathers.reAuthenticate();
-        await new Promise((resolve) => setTimeout(resolve, 3000));
+        await loading();
         state.user = user.user;
       } catch (error) {}
       state.loading = false;
@@ -33,7 +35,7 @@ export default {
             strategy: 'jwt',
             accessToken: event.data.token,
           });
-          await new Promise((resolve) => setTimeout(resolve, 3000));
+          await loading();
           state.user = user.user;
         }
         state.loading = false;