Navbar dla OrderMessage i OrderList

src/components/OrderList.vue

@@ -11,8 +11,8 @@
         <br />
         Dodano: {{ new Date(order.createdAt).toLocaleString('pl-PL') }}
         <br />
-        <button class="g-button" @click="selectLocalOrder(order)">Wybierz</button>
-        <button class="g-button" @click="removeOrder(order)">Usuń</button>
+        <button class="g-button action" @click="selectLocalOrder(order)">Wybierz</button>
+        <button class="g-button action" @click="removeOrder(order)">Usuń</button>
       </li>
     </ul>
   </section>

src/components/OrderMessage.vue

@@ -5,8 +5,8 @@
     <div class="message_body" v-html="fullOrderMessage"></div>
 
     <div class="message_actions">
-      <button class="g-button" @click="saveOrder"><img :src="saveIcon" alt="save icon" />Zapisz ten rozkaz</button>
-      <button class="g-button" @click="copyMessage">Kopiuj wiadomość rozkazu</button>
+      <button class="g-button action" @click="saveOrder"><img :src="saveIcon" alt="save icon" />Zapisz ten rozkaz</button>
+      <button class="g-button action" @click="copyMessage">Kopiuj wiadomość rozkazu</button>
     </div>
 
     <transition name="monit-anim">

src/components/SideBar.vue

@@ -1,9 +1,9 @@
 <template>
   <section class="sidebar">
     <div class="sidebar_content">
-      <button class="option-save" @click="toggleOrderMode" :data-selected="store.orderMode == 'OrderList'">
+      <!-- <button class="option-save" @click="toggleOrderMode" :data-selected="store.orderMode == 'OrderList'">
         <img :src="saveIcon" alt="save icon" />
-      </button>
+      </button> -->
 
       <button
         v-for="orderType in orderTypeList"
@@ -23,13 +23,9 @@
 import { defineComponent } from 'vue';
 import { useStore } from '../store/store';
 
-import saveIcon from '../assets/icon-save.svg';
-
 export default defineComponent({
   data() {
     return {
-      saveIcon,
-
       orderTypeList: [
         {
           id: 'orderN',
@@ -56,10 +52,6 @@ export default defineComponent({
     selectOrderType(type: any) {
       this.store.chosenOrderType = type;
     },
-
-    toggleOrderMode() {
-      this.store.orderMode = this.store.orderMode == 'OrderMessage' ? 'OrderList' : 'OrderMessage';
-    },
   },
 });
 </script>