MED-102: improve tto orders view

MED-102

app/home/(user)/(dashboard)/order/[orderId]/page.tsx

@@ -26,17 +26,7 @@ async function OrderConfirmedPage(props: {
   params: Promise<{ orderId: string }>;
 }) {
   const params = await props.params;
-
-  const order = await getAnalysisOrder({
-    analysisOrderId: Number(params.orderId),
-  }).catch(() => null);
-  if (!order) {
-    redirect(pathsConfig.app.myOrders);
-  }
-
-  const medusaOrder = await retrieveOrder(order.medusa_order_id).catch(
-    () => null,
-  );
+  const medusaOrder = await retrieveOrder(params.orderId).catch(() => null);
   if (!medusaOrder) {
     redirect(pathsConfig.app.myOrders);
   }
@@ -46,7 +36,12 @@ async function OrderConfirmedPage(props: {
       <PageHeader title={<Trans i18nKey="cart:order.title" />} />
       <Divider />
       <div className="small:grid-cols-[1fr_360px] grid grid-cols-1 gap-x-40 gap-y-6 lg:px-4">
-        <OrderDetails order={order} />
+        <OrderDetails
+          order={{
+            id: medusaOrder.id,
+            created_at: medusaOrder.created_at,
+          }}
+        />
         <Divider />
         <OrderItems medusaOrder={medusaOrder} />
         <CartTotals medusaOrder={medusaOrder} />

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

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

@@ -2,16 +2,20 @@ 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 }) {
+export default function OrderDetails({
+  order,
+}: {
+  order: { id: string; created_at: string | Date };
+}) {
   return (
     <div className="flex flex-col gap-y-2">
       <div>
         <span className="font-bold">
           <Trans i18nKey="cart:orderConfirmed.orderNumber" />:{' '}
         </span>
-        <span>{order.medusa_order_id}</span>
+        <span>{order.id}</span>
       </div>
 
       <div>

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,18 @@ export default function OrderBlock({
             items={itemsTtoService}
             title="orders:table.ttoService"
             type="ttoService"
+            order={{
+              status: medusaOrderStatus.toUpperCase(),
+              medusaOrderId,
+            }}
           />
         )}
         <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();
@@ -42,10 +42,12 @@ 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}`);
+  const openDetailedView = async () => {
+    if (isAnalysisOrder && order?.medusaOrderId && order?.id) {
+      await logAnalysisResultsNavigateAction(order.medusaOrderId);
+      router.push(`${pathsConfig.app.analysisResults}/${order.id}`);
+    } else {
+      router.push(`${pathsConfig.app.myOrders}/${order.medusaOrderId}`);
     }
   };
 
@@ -84,17 +86,15 @@ 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>
 
-              {isAnalysisOrder && (
-                <TableCell className="px-6 text-right">
-                  <Button size="sm" onClick={openAnalysisResults}>
-                    <Trans i18nKey="analysis-results:view" />
-                  </Button>
-                </TableCell>
-              )}
+              <TableCell className="px-6 text-right">
+                <Button size="sm" onClick={openDetailedView}>
+                  <Trans i18nKey="analysis-results:view" />
+                </Button>
+              </TableCell>
             </TableRow>
           ))}
       </TableBody>

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,