feat(MED-100): analysis location select in cart

app/home/(user)/_components/cart/index.tsx

@@ -16,6 +16,7 @@ import { initiatePaymentSession } from "@lib/data/cart";
 import { formatCurrency } from "@/packages/shared/src/utils";
 import { useTranslation } from "react-i18next";
 import { handleNavigateToPayment } from "@/lib/services/medusaCart.service";
+import AnalysisLocation from "./analysis-location";
 
 const IS_DISCOUNT_SHOWN = false as boolean;
 
@@ -66,13 +67,16 @@ export default function Cart({
     }
   }
 
+  const hasCartItems = Array.isArray(cart.items) && cart.items.length > 0;
+  const isLocationsShown = analysisPackages.length > 0;
+  
   return (
     <div className="grid grid-cols-1 small:grid-cols-[1fr_360px] gap-x-40 lg:px-4">
       <div className="flex flex-col bg-white gap-y-6">
         <CartItems cart={cart} items={analysisPackages} productColumnLabelKey="cart:items.analysisPackages.productColumnLabel" />
         <CartItems cart={cart} items={otherItems} productColumnLabelKey="cart:items.services.productColumnLabel" />
       </div>
-      {Array.isArray(cart.items) && cart.items.length > 0 && (
+      {hasCartItems && (
         <div className="flex justify-end gap-x-4 px-6 py-4">
           <div className="mr-[36px]">
             <p className="ml-0 font-bold text-sm">
@@ -106,6 +110,21 @@ export default function Cart({
             </CardContent>
           </Card>
         )}
+
+        {isLocationsShown && (
+          <Card
+            className="flex flex-col justify-between w-1/2"
+          >
+            <CardHeader className="pb-4">
+              <h5>
+                <Trans i18nKey="cart:locations.title" />
+              </h5>
+            </CardHeader>
+            <CardContent>
+              <AnalysisLocation cart={{ ...cart }} />
+            </CardContent>
+          </Card>
+        )}
       </div>
 
       <div>