Slight changes on TicketListItem append section

software/src/pages/account/ordersPage/orderItem.vue

@@ -55,34 +55,8 @@ defineProps({
           :seat="ticket.seat.seatNr"
           :seat-group="ticket.seat.seatRow.seatGroup.name"
           :seat-row="ticket.seat.seatRow.row"
-          :standing-area="ticket.seat.seatRow.seatGroup.standingArea"
         />
       </v-col>
     </v-row>
-
-      <!-- <v-row>
-        <v-col>
-          <v-table class="bg-surface-light">
-            <thead>
-              <tr>
-                <th>{{ $t('quantity') }}</th>
-                <th>{{ $t('event') }}</th>
-                <th>{{ $t('seatGroup') }}</th>
-                <th>{{ $t('seatRow') }}</th>
-                <th>{{ $t('seat') }}</th>
-                <th>{{ $t('product.productPrice') }}</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr v-for="orderItem in order.orderItems">
-                <td>{{ orderItem.quantity }}x</td>
-                <td>{{ orderItem }}</td>
-                <td>{{ orderItem }}</td>
-                <td>{{ orderItem }} €</td>
-              </tr>
-            </tbody>
-          </v-table>
-        </v-col>
-      </v-row> -->
   </card-view>
 </template>

software/src/pages/concerts/concertBookingPage/index.vue

@@ -6,6 +6,7 @@ import { useBasketStore } from '@/stores/basket.store';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { useConcertStore } from '@/stores/concert.store';
+import ticketListItem from '@/components/pageParts/ticketListItem.vue';
 
 const router = useRouter()
 const basketStore = useBasketStore()
@@ -84,7 +85,16 @@ concertStore.getConcert(Number(router.currentRoute.value.params.id))
           <v-col>
             <v-list >
               <v-list-item v-for="seat in basketStore.selectedSeats" >
-                Group: {{ seat.seatGroupName }} - Row: {{ seat.seatRow }} - Seat: {{ seat.seat.seatNr }}
+                <ticket-list-item
+                  :concert="concertStore.concert"
+                  :band="concertStore.concert.band"
+                  :location="concertStore.concert.location"
+                  :city="concertStore.concert.location.city"
+                  :image="concertStore.concert.image"
+                  :seat-group="seat.seatGroupName"
+                  :seat-nr="seat.seat.seatNr"
+                  :seat-row="seat.seatRow"
+                />
               </v-list-item>
             </v-list>
           </v-col>