Edit order pricing inline

app/pages/orders/[id].vue

@@ -5,6 +5,7 @@ import {
   type MyOrdersQuery,
 } from '~/composables/graphql/generated';
 import {
+  orderLogisticsStateText,
   orderDeliveryStateText,
   orderLineStateText,
 } from '~/composables/useOrderDetailPresentation';
@@ -53,7 +54,7 @@ const currentOrder = computed<OrderItem | null>(() =>
               class="manager-mini-card space-y-2"
             >
               <p class="text-sm font-semibold text-[#123824]">{{ item.productName }} × {{ item.quantity }}</p>
-              <p class="text-sm text-[#5c7b69]">{{ orderLineStateText(currentOrder.totalPrice) }}</p>
+              <p class="text-sm text-[#5c7b69]">{{ orderLineStateText(item.unitPrice, item.lineTotal) }}</p>
             </li>
           </ul>
         </div>
@@ -67,6 +68,9 @@ const currentOrder = computed<OrderItem | null>(() =>
             <div class="manager-mini-card text-sm text-[#123824]">
               {{ orderDeliveryStateText(currentOrder.deliveryTerms) }}
             </div>
+            <div class="manager-mini-card text-sm text-[#123824]">
+              {{ orderLogisticsStateText(currentOrder.deliveryFee) }}
+            </div>
           </div>
         </div>
       </div>