MED-102: clean order page for tto orders

app/home/(user)/(dashboard)/order/page.tsx

@@ -56,6 +56,7 @@ async function OrdersPage() {
           const analysisOrder = analysisOrders.find(
             ({ medusa_order_id }) => medusa_order_id === medusaOrder.id,
           );
+
           if (!medusaOrder) {
             return null;
           }
@@ -81,6 +82,7 @@ async function OrdersPage() {
               <OrderBlock
                 medusaOrderId={medusaOrder.id}
                 analysisOrder={analysisOrder}
+                medusaOrderStatus={medusaOrder.status}
                 itemsAnalysisPackage={medusaOrderItemsAnalysisPackages}
                 itemsTtoService={medusaOrderItemsTtoServices}
                 itemsOther={medusaOrderItemsOther}
@@ -88,7 +90,7 @@ async function OrdersPage() {
             </React.Fragment>
           );
         })}
-        {analysisOrders.length === 0 && (
+        {analysisOrders.length === 0 && ttoOrders.length === 0 && (
           <h5 className="mt-6">
             <Trans i18nKey="orders:noOrders" />
           </h5>

app/home/(user)/_components/booking/time-slots.tsx

@@ -167,15 +167,15 @@ const TimeSlots = ({
       return toast.error(t('booking:serviceNotFound'));
     }
 
-    const bookTimePromise = updateReservationTime(
+    const bookTimePromise = updateReservationTime({
       reservationId,
-      timeSlot.StartTime,
-      Number(syncedService.id),
+      newStartTime: timeSlot.StartTime,
+      newServiceId: Number(syncedService.id),
       timeSlot.UserID,
       timeSlot.SyncUserID,
       booking.selectedLocationId ? booking.selectedLocationId : null,
       cartId,
-    );
+    });
 
     toast.promise(() => bookTimePromise, {
       success: <Trans i18nKey={'booking:bookTimeSuccess'} />,

app/home/(user)/_components/order/order-details.tsx

@@ -2,7 +2,7 @@ import { formatDate } from 'date-fns';
 
 import { Trans } from '@kit/ui/trans';
 
-import type { AnalysisOrder } from '~/lib/types/analysis-order';
+import type { AnalysisOrder } from '~/lib/types/order';
 
 export default function OrderDetails({ order }: { order: AnalysisOrder }) {
   return (

app/home/(user)/_components/orders/order-block.tsx

@@ -5,18 +5,20 @@ import { Eye } from 'lucide-react';
 
 import { Trans } from '@kit/ui/makerkit/trans';
 
-import type { AnalysisOrder } from '~/lib/types/analysis-order';
+import type { AnalysisOrder } from '~/lib/types/order';
 
 import OrderItemsTable from './order-items-table';
 
 export default function OrderBlock({
   analysisOrder,
+  medusaOrderStatus,
   itemsAnalysisPackage,
   itemsTtoService,
   itemsOther,
   medusaOrderId,
 }: {
   analysisOrder?: AnalysisOrder;
+  medusaOrderStatus: string;
   itemsAnalysisPackage: StoreOrderLineItem[];
   itemsTtoService: StoreOrderLineItem[];
   itemsOther: StoreOrderLineItem[];
@@ -50,7 +52,11 @@ export default function OrderBlock({
           <OrderItemsTable
             items={itemsAnalysisPackage}
             title="orders:table.analysisPackage"
-            analysisOrder={analysisOrder}
+            order={{
+              medusaOrderId: analysisOrder.medusa_order_id,
+              id: analysisOrder.id,
+              status: analysisOrder.status,
+            }}
           />
         )}
         {itemsTtoService && (
@@ -58,12 +64,15 @@ export default function OrderBlock({
             items={itemsTtoService}
             title="orders:table.ttoService"
             type="ttoService"
+            order={{ status: medusaOrderStatus.toUpperCase() }}
           />
         )}
         <OrderItemsTable
           items={itemsOther}
           title="orders:table.otherOrders"
-          analysisOrder={analysisOrder}
+          order={{
+            status: analysisOrder?.status,
+          }}
         />
       </div>
     </div>

app/home/(user)/_components/orders/order-items-table.tsx

@@ -17,7 +17,7 @@ import {
 } from '@kit/ui/table';
 import { Trans } from '@kit/ui/trans';
 
-import type { AnalysisOrder } from '~/lib/types/analysis-order';
+import type { Order } from '~/lib/types/order';
 
 import { logAnalysisResultsNavigateAction } from './actions';
 
@@ -26,12 +26,12 @@ export type OrderItemType = 'analysisOrder' | 'ttoService';
 export default function OrderItemsTable({
   items,
   title,
-  analysisOrder,
+  order,
   type = 'analysisOrder',
 }: {
   items: StoreOrderLineItem[];
   title: string;
-  analysisOrder?: AnalysisOrder;
+  order: Order;
   type?: OrderItemType;
 }) {
   const router = useRouter();
@@ -43,9 +43,9 @@ export default function OrderItemsTable({
   const isAnalysisOrder = type === 'analysisOrder';
 
   const openAnalysisResults = async () => {
-    if (analysisOrder) {
-      await logAnalysisResultsNavigateAction(analysisOrder.medusa_order_id);
-      router.push(`${pathsConfig.app.analysisResults}/${analysisOrder.id}`);
+    if (isAnalysisOrder && order?.medusaOrderId && order?.id) {
+      await logAnalysisResultsNavigateAction(order.medusaOrderId);
+      router.push(`${pathsConfig.app.analysisResults}/${order.id}`);
     }
   };
 
@@ -84,7 +84,7 @@ export default function OrderItemsTable({
 
               <TableCell className="min-w-[180px] px-6">
                 <Trans
-                  i18nKey={`orders:status.${type}.${analysisOrder?.status ?? 'CONFIRMED'}`}
+                  i18nKey={`orders:status.${type}.${order?.status ?? 'CONFIRMED'}`}
                 />
               </TableCell>
 

app/home/(user)/_lib/server/actions.ts

@@ -23,16 +23,16 @@ export async function createInitialReservationAction(
   });
 
   if (addedItem) {
-    const reservation = await createInitialReservation(
+    const reservation = await createInitialReservation({
       serviceId,
       clinicId,
       appointmentUserId,
-      syncUserId,
+      syncUserID: syncUserId,
       startTime,
-      addedItem.id,
+      medusaLineItemId: addedItem.id,
       locationId,
       comments,
-    );
+    });
 
     await updateLineItem({
       lineId: addedItem.id,