update order details view, translations

app/home/(user)/(dashboard)/analysis-results/[id]/page.tsx

@@ -1,4 +1,5 @@
 import Link from 'next/link';
+import { redirect } from 'next/navigation';
 
 import { ButtonTooltip } from '@kit/shared/components/ui/button-tooltip';
 import { pathsConfig } from '@kit/shared/config';
@@ -30,7 +31,7 @@ export default async function AnalysisResultsPage({
   ]);
 
   if (!account?.id) {
-    return null;
+    return redirect("/");
   }
 
   await createPageViewLog({
@@ -39,7 +40,16 @@ export default async function AnalysisResultsPage({
   });
 
   if (!analysisResponse) {
-    return null;
+    return (
+      <>
+        <PageHeader
+          title={<Trans i18nKey="analysis-results:pageTitle" />}
+          description={<Trans i18nKey="analysis-results:descriptionEmpty" />}
+        />
+        <PageBody className="gap-4">
+        </PageBody>
+      </>
+    );
   }
 
   return (

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

@@ -81,7 +81,7 @@ export default function Cart({
           <div className="flex justify-end gap-x-4 px-6 pt-4">
             <div className="mr-[36px]">
               <p className="ml-0 font-bold text-sm text-muted-foreground">
-                <Trans i18nKey="cart:subtotal" />
+                <Trans i18nKey="cart:order.subtotal" />
               </p>
             </div>
             <div className="mr-[116px]">
@@ -97,7 +97,7 @@ export default function Cart({
           <div className="flex justify-end gap-x-4 px-6 py-2">
             <div className="mr-[36px]">
               <p className="ml-0 font-bold text-sm text-muted-foreground">
-                <Trans i18nKey="cart:promotionsTotal" />
+                <Trans i18nKey="cart:order.promotionsTotal" />
               </p>
             </div>
             <div className="mr-[116px]">
@@ -113,7 +113,7 @@ export default function Cart({
           <div className="flex justify-end gap-x-4 px-6">
             <div className="mr-[36px]">
               <p className="ml-0 font-bold text-sm">
-                <Trans i18nKey="cart:total" />
+                <Trans i18nKey="cart:order.total" />
               </p>
             </div>
             <div className="mr-[116px]">

app/home/(user)/_components/order-analyses-cards.tsx

@@ -57,7 +57,7 @@ export default function OrderAnalysesCards({
   }
 
   return (
-    <div className="grid 2xs:grid-cols-3 gap-6 mt-4">
+    <div className="grid xs:grid-cols-3 gap-6 mt-4">
       {analyses.map(({
         title,
         variant,

app/home/(user)/_components/order/cart-totals.tsx

@@ -24,7 +24,7 @@ export default function CartTotals({ medusaOrder }: {
       <div className="flex flex-col gap-y-2 txt-medium text-ui-fg-subtle ">
         <div className="flex items-center justify-between">
           <span className="flex gap-x-1 items-center">
-            <Trans i18nKey="cart:orderConfirmed.subtotal" />
+            <Trans i18nKey="cart:order.subtotal" />
           </span>
           <span data-testid="cart-subtotal" data-value={subtotal || 0}>
             {formatCurrency({ value: subtotal ?? 0, currencyCode: currency_code, locale: language })}
@@ -32,7 +32,7 @@ export default function CartTotals({ medusaOrder }: {
         </div>
         {!!discount_total && (
           <div className="flex items-center justify-between">
-            <span><Trans i18nKey="cart:orderConfirmed.discount" /></span>
+            <span><Trans i18nKey="cart:order.promotionsTotal" /></span>
             <span
               className="text-ui-fg-interactive"
               data-testid="cart-discount"
@@ -43,17 +43,17 @@ export default function CartTotals({ medusaOrder }: {
             </span>
           </div>
         )}
-        <div className="flex justify-between">
+        {/* <div className="flex justify-between">
           <span className="flex gap-x-1 items-center ">
             <Trans i18nKey="cart:orderConfirmed.taxes" />
           </span>
           <span data-testid="cart-taxes" data-value={tax_total || 0}>
             {formatCurrency({ value: tax_total ?? 0, currencyCode: currency_code, locale: language })}
           </span>
-        </div>
+        </div> */}
         {!!gift_card_total && (
           <div className="flex items-center justify-between">
-            <span><Trans i18nKey="cart:orderConfirmed.giftCard" /></span>
+            <span><Trans i18nKey="cart:order.giftCard" /></span>
             <span
               className="text-ui-fg-interactive"
               data-testid="cart-gift-card-amount"
@@ -67,7 +67,7 @@ export default function CartTotals({ medusaOrder }: {
       </div>
       <div className="h-px w-full border-b border-gray-200 my-4" />
       <div className="flex items-center justify-between text-ui-fg-base mb-2 txt-medium ">
-        <span className="font-bold"><Trans i18nKey="cart:orderConfirmed.total" /></span>
+        <span className="font-bold"><Trans i18nKey="cart:order.total" /></span>
         <span
           className="txt-xlarge-plus"
           data-testid="cart-total"

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

@@ -7,15 +7,23 @@ export default function OrderDetails({ order }: {
 }) {
   return (
     <div className="flex flex-col gap-y-2">
-      <span>
-        <Trans i18nKey="cart:orderConfirmed.orderDate" />:{" "}
+      <div>
+        <span className="font-bold">
+          <Trans i18nKey="cart:orderConfirmed.orderNumber" />:{" "}
+        </span>
+        <span>
+          {order.medusa_order_id}
+        </span>
+      </div>
+
+      <div>
+        <span className="font-bold">
+          <Trans i18nKey="cart:orderConfirmed.orderDate" />:{" "}
+        </span>
         <span>
           {formatDate(order.created_at, 'dd.MM.yyyy HH:mm')}
         </span>
-      </span>
-      <span className="text-ui-fg-interactive">
-        <Trans i18nKey="cart:orderConfirmed.orderNumber" />: <span data-testid="order-id">{order.medusa_order_id}</span>
-      </span>
+      </div>
     </div>
   )
 }