feat(MED-105): log opening analysis results from orders view

app/home/(user)/_components/orders/actions.ts

@@ -0,0 +1,18 @@
+'use server';
+
+import { createPageViewLog, PageViewAction } from "~/lib/services/audit/pageView.service";
+import { loadCurrentUserAccount } from "../../_lib/server/load-user-account";
+
+export async function logAnalysisResultsNavigateAction(analysisOrderId: string) {
+  const account = await loadCurrentUserAccount();
+  if (!account) {
+    throw new Error('Account not found');
+  }
+  await createPageViewLog({
+    accountId: account.id,
+    action: PageViewAction.VIEW_ANALYSIS_RESULTS_FROM_ORDER,
+    extraData: {
+      analysisOrderId,
+    },
+  });
+}

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

@@ -1,3 +1,5 @@
+'use client';
+
 import { Trans } from '@kit/ui/trans';
 import {
   Table,
@@ -10,18 +12,26 @@ import {
 import { StoreOrderLineItem } from "@medusajs/types";
 import { AnalysisOrder } from '~/lib/services/order.service';
 import { formatDate } from 'date-fns';
-import Link from 'next/link';
 import { Eye } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { logAnalysisResultsNavigateAction } from './actions';
 
 export default function OrderItemsTable({ items, title, analysisOrder }: {
   items: StoreOrderLineItem[];
   title: string;
   analysisOrder: AnalysisOrder;
 }) {
+  const router = useRouter();
+
   if (!items || items.length === 0) {
     return null;
   }
 
+  const openAnalysisResults = async () => {
+    await logAnalysisResultsNavigateAction(analysisOrder.medusa_order_id);
+    router.push(`/home/analysis-results`);
+  }
+
   return (
     <Table className="rounded-lg border border-separate">
       <TableHeader className="text-ui-fg-subtle txt-medium-plus">
@@ -60,13 +70,12 @@ export default function OrderItemsTable({ items, title, analysisOrder }: {
 
               <TableCell className="text-right px-6">
                 <span className="flex gap-x-1 justify-end w-[30px]">
-                  <Link href={`/home/analysis-results`} className="flex items-center justify-between text-small-regular">
-                    <button
-                      className="flex gap-x-1 text-ui-fg-subtle hover:text-ui-fg-base cursor-pointer"
-                    >
-                      <Eye />
-                    </button>
-                  </Link>
+                  <button
+                    className="flex gap-x-1 text-ui-fg-subtle hover:text-ui-fg-base cursor-pointer "
+                    onClick={openAnalysisResults}
+                  >
+                    <Eye />
+                  </button>
                 </span>
               </TableCell>
             </TableRow>