Usunięto requesty do bazy danych

src/components/StationsView/StationCard.vue

@@ -4,57 +4,6 @@
       <img :src="require('@/assets/icon-exit.svg')" alt="exit icon" />
     </div>
 
-    <div class="card-history">
-      <div class="history-title">
-        <span class="title">DZIENNIK STACJI</span>
-        |
-        <span>Usługa czasowo wstrzymana ⏲</span>
-      </div>
-
-      <ul class="history-list">
-        <!-- <div
-          class="history-info"
-        >Wersja eksperymentalna! Dziennik aktualizuje się automatycznie co godzinę.</div>-->
-        <!-- <li class="history-log" v-for="(log, i) in computedHistory" :key="i">
-          <div class="log-time">
-            <div class="from">
-              <span>
-                {{ new Date(log.occupiedFrom).toLocaleDateString('pl-PL', {
-                day: "2-digit",
-                month: "2-digit",
-                year: "2-digit",
-                }) }}
-              </span>
-              <span>
-                {{ new Date(log.occupiedFrom).toLocaleTimeString('pl-PL', {
-                hour: "2-digit",
-                minute: "2-digit"
-                }) }}
-              </span>
-            </div>
-
-            <div class="to">
-              <span>
-                {{ new Date(log.occupiedTo).toLocaleDateString('pl-PL', {
-                day: "2-digit",
-                month: "2-digit",
-                year: "2-digit",
-                }) }}
-              </span>
-              <span>
-                {{ new Date(log.occupiedTo).toLocaleTimeString('pl-PL', {
-                hour: "2-digit",
-                minute: "2-digit"
-                }) }}
-              </span>
-            </div>
-          </div>
-
-          <div class="log-dispatcher">{{log.dispatcher}}</div>
-        </li>-->
-      </ul>
-    </div>
-
     <div class="card-content" :class="{'offline': !stationInfo.online}">
       <div class="main">
         <div class="main-content">
@@ -190,8 +139,6 @@
 import { Component, Prop, Watch } from "vue-property-decorator";
 import styleMixin from "@/mixins/styleMixin";
 
-import db from "@/scripts/firebase/firebaseInit";
-
 @Component
 export default class StationCard extends styleMixin {
   @Prop() stationInfo;
@@ -283,8 +230,6 @@ export default class StationCard extends styleMixin {
 
     gap: 1.5em;
 
-    margin-bottom: 2.5rem;
-
     &.offline {
       .users,
       .spawns,
@@ -300,91 +245,6 @@ export default class StationCard extends styleMixin {
   }
 }
 
-.card-history {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-
-  overflow: hidden;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  // height: 10%;
-  min-height: 0;
-  max-height: 90%;
-  min-width: 100%;
-
-  padding: 0.4rem;
-  // border-radius: 1em 1em 0 0;
-
-  z-index: 5;
-
-  background: rgba($color: #000000, $alpha: 0.9);
-
-  font-size: 1em;
-
-  transition: min-height 150ms ease-in, min-width 150ms ease-in,
-    font-size 150ms ease-in;
-
-  // &:hover {
-  //   min-height: 90%;
-
-  //   & > .history-list {
-  //     opacity: 1;
-  //     max-height: 350px;
-  //   }
-
-  //   & > .history-title {
-  //     font-size: 2em;
-  //   }
-  // }
-}
-
-.history {
-  &-title {
-    transition: font-size 150ms ease-in;
-
-    color: #999;
-  }
-
-  &-info {
-    font-size: 1em;
-    color: #999;
-
-    transition: all 150ms ease-in;
-  }
-
-  &-list {
-    max-height: 0;
-    opacity: 0;
-    transition: opacity 150ms;
-
-    font-size: 1em;
-
-    transition: max-height 150ms ease-in-out;
-
-    overflow: auto;
-  }
-
-  &-log {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    padding: 0.5em;
-    margin: 1em;
-
-    background: #333;
-
-    &:nth-child(odd) {
-      background: rgb(92, 92, 92);
-    }
-  }
-}
-
 .main {
   grid-area: main;
   text-align: center;