Poprawki w widoczności modalu

src/App.vue

@@ -53,8 +53,6 @@ import { mapGetters, mapActions } from "vuex";
 import Clock from "@/components/App/Clock.vue";
 import Modal from "@/components/Global/Modal.vue";
 
-import axios from "axios";
-
 @Component({
   components: { Clock, Modal },
 })
@@ -66,11 +64,6 @@ export default class App extends Vue {
 
   async mounted() {
     this.synchronizeData();
-
-    const data = await (
-      await axios.get("http://stacjownik.eu-central-1.elasticbeanstalk.com")
-    ).data;
-    console.log(data);
   }
 }
 </script>

src/components/Global/DonationModal.vue

@@ -1,45 +1,43 @@
 <template>
-  <transition name="modal-anim">
-    <div class="modal" v-if="!modalHidden">
-      <div class="modal_content">
-        <span class="modal_title">Grosza daj Stacjownikowi...</span>
-        <div class="modal_body">
-          <div class="modal_body-header">
-            Stacjownik to projekt całkowicie darmowy dla wszystkich.
-            Jednak jeśli chcesz go wesprzeć i pomóc w rozwoju strony oraz nowych funkcjonalności, które wykraczają poza darmowe możliwości
-            hostingu, na którym jest postawiony, zostaw złotówkę, nowigradzką koronę czy nawet rubla!
-          </div>
+  <div class="modal" v-if="!modalHidden">
+    <div class="modal_content">
+      <span class="modal_title">Grosza daj Stacjownikowi...</span>
+      <div class="modal_body">
+        <div class="modal_body-header">
+          Stacjownik to projekt całkowicie darmowy dla wszystkich.
+          Jednak jeśli chcesz go wesprzeć i pomóc w rozwoju strony oraz nowych funkcjonalności, które wykraczają poza darmowe możliwości
+          hostingu, na którym jest postawiony, zostaw złotówkę, nowigradzką koronę czy nawet rubla!
+        </div>
 
-          <div class="modal_payments">
-            <div>Płatności dokonasz korzystając z poniższych metod:</div>
-            <div class="payment">
-              <div>
-                <a target="_blank" href="https://paypal.me/spythere">
-                  <img :src="paypalIcon" alt="icon-paypal" />
-                  <span>PAYPAL</span>
-                </a>
-              </div>
-            </div>
-
-            <div class="payment">
-              <div>
-                <div class="payment_open" v-if="showNumber">94 1140 2004 0000 3502 7784 9203</div>
-                <div class="payment_closed" v-else @click="showNumber = true">
-                  <b>PRZELEW NA KONTO</b>
-                </div>
-              </div>
+        <div class="modal_payments">
+          <div>Płatności dokonasz korzystając z poniższych metod:</div>
+          <div class="payment">
+            <div>
+              <a target="_blank" href="https://paypal.me/spythere">
+                <img :src="paypalIcon" alt="icon-paypal" />
+                <span>PAYPAL</span>
+              </a>
             </div>
           </div>
 
-          <div>Wielkie dzięki i do zobaczenia na szlaku!</div>
-
-          <div class="modal_buttons">
-            <button class="button" @click="toggleModal">PRZYJĄŁEM!</button>
+          <div class="payment">
+            <div>
+              <div class="payment_open" v-if="showNumber">94 1140 2004 0000 3502 7784 9203</div>
+              <div class="payment_closed" v-else @click="showNumber = true">
+                <b>PRZELEW NA KONTO</b>
+              </div>
+            </div>
           </div>
         </div>
+
+        <div>Wielkie dzięki i do zobaczenia na szlaku!</div>
+
+        <div class="modal_buttons">
+          <button class="button" @click="toggleModal">PRZYJĄŁEM!</button>
+        </div>
       </div>
     </div>
-  </transition>
+  </div>
 </template>
 
 <script lang="ts">
@@ -58,18 +56,6 @@ export default class Modal extends Vue {
 
   toggleModal(type: string) {
     this.$emit("toggleModal");
-
-    // if (type == "permament") {
-    //   StorageManager.setBooleanValue(`${this.STORAGE_ID}_next`, true);
-    //   this.modalHidden = true;
-    // }
-  }
-
-  initStorage() {
-    // if (StorageManager.isRegistered(`${this.STORAGE_ID}_hide`))
-    //   this.modalHidden = StorageManager.getBooleanValue(
-    //     `${this.STORAGE_ID}_hide`
-    //   );
   }
 }
 </script>

src/views/StationsView.vue

@@ -109,7 +109,7 @@ export default class StationsView extends Vue {
 
   focusedStationName: string = "";
   filterCardOpen: boolean = false;
-  modalHidden: boolean = false;
+  modalHidden: boolean = true;
 
   inputs = inputData;
 
@@ -132,7 +132,7 @@ export default class StationsView extends Vue {
 
   mounted() {
     this.initializeOptionsStorage();
-    this.initializeModalStorage();
+    // this.initializeModalStorage();
 
     window.addEventListener("keydown", (e: KeyboardEvent) => {
       if (e.keyCode == 27 && this.focusedStationName != "") {