Fix order process

software/src/components/basics/actionDialog.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ModelRef } from 'vue';
+import cardView from './cardView.vue';
 
 const showDialog: ModelRef<boolean> = defineModel()
 
@@ -16,16 +17,17 @@ defineProps({
 
 <template>
   <v-dialog max-width="1200" v-model="showDialog">
-    <v-card
+    <card-view
       :title="title"
       :subtitle="subtitle"
-      :prepend-icon="icon"
+      :icon="icon"
+      :tonal="false"
     >
       <slot></slot>
 
       <template #actions>
         <slot name="actions"></slot>
       </template>
-    </v-card>
+    </card-view>
   </v-dialog>
 </template>

software/src/components/basics/cardView.vue

@@ -9,12 +9,18 @@ defineProps({
   loading: {
     type: Boolean,
     default: false
+  },
+  tonal: {
+    type: Boolean,
+    default: true
   }
 })
 </script>
 
 <template>
-  <v-card variant="tonal" >
+  <v-card
+    :variant="tonal ? 'tonal' : 'elevated'"
+  >
     <v-card-title v-if="title || loading" color="primary" class="pa-0">
       <v-sheet color="primary">
         <v-skeleton-loader

software/src/components/navigation/navigationAppendItems.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useAccountStore } from '@/stores/account.store';
-import { useBasketStore } from '@/stores/basketStore';
+import { useBasketStore } from '@/stores/basket.store';
 
 const accountStore = useAccountStore()
 const basketStore = useBasketStore()
@@ -10,7 +10,7 @@ const basketStore = useBasketStore()
   <v-btn variant="plain" icon="mdi-magnify" to="/search" />
 
   <v-btn v-if="accountStore.userAccount.id == undefined" variant="plain" icon="mdi-account" to="/account/login" />
-  <v-btn v-else variant="plain" icon="mdi-account" to="/account/home" />
+  <v-btn v-else variant="plain" icon="mdi-account-check" to="/account/home" />
 
   <div>
     <v-badge

software/src/components/seatPlanMap/seatGroupTable.vue

@@ -4,7 +4,7 @@ import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import { SeatModel } from '@/data/models/locations/seatModel';
 import { SeatRowModel } from '@/data/models/locations/seatRowModel';
 import { SelectedSeatModel } from '@/data/models/ordering/selectedSeatModel';
-import { useBasketStore } from '@/stores/basketStore';
+import { useBasketStore } from '@/stores/basket.store';
 
 const basketStore = useBasketStore()
 

software/src/components/seatPlanMap/standingArea.vue

@@ -2,7 +2,7 @@
 import { ConcertModel } from '@/data/models/acts/concertModel';
 import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import { SelectedSeatModel } from '@/data/models/ordering/selectedSeatModel';
-import { useBasketStore } from '@/stores/basketStore';
+import { useBasketStore } from '@/stores/basket.store';
 
 const basketStore = useBasketStore()