modules/order

adambarath · adambarath · commit c1b17f2e5901 · 2024-09-17T13:30:43.000+02:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,9 @@
 import { Metadata } from "next"
 import "styles/globals.css"
 
+import { I18nProviderClient } from "../locales/client"
+import { getCurrentLocale } from "../locales/server"
+
 const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || "https://localhost:8000"
 
 export const metadata: Metadata = {
@@ -11,7 +14,9 @@ export default function RootLayout(props: { children: React.ReactNode }) {
   return (
     <html lang="en" data-mode="light">
       <body>
-        <main className="relative">{props.children}</main>
+        <I18nProviderClient locale={getCurrentLocale()}>
+          <main className="relative">{props.children}</main>
+        </I18nProviderClient>
       </body>
     </html>
   )
diff --git a/src/locales/hu.ts b/src/locales/hu.ts
@@ -28,6 +28,68 @@ export default {
   "store.all": "Minden termék",
   "store.": "",
   
+  "search.searchresults": "Keresési eredmények erre:",
+  "search.clear": "Törlés",
+  "search.noresults": "Nincs találat.",
+  "search.": "",
+  
+  "product.select": "Kiválasztás",
+  "product.variant": "Változat kiválasztása",
+  "product.outof": "Nincs készleten",
+  "product.addtocart": "Kosárba",
+  "product.pricefrom": "Ettől: ",
+  "product.priceoriginal": "Eredeti ár: ",
+  "product.info": "Termékinformáció",
+  "product.shipping": "Szállítás és visszaküldés",
+  "product.material": "Anyag",
+  "product.origin_country": "Származási ország",
+  "product.type": "Típus",
+  "product.weight": "Súly",
+  "product.dimensions": "Méret",
+  "product.tags": "Címkék",
+  "product.fastdelivery_title": "Gyors szállítás",
+  "product.fastdelivery_desc": "A csomag 3-5 munkanapon belül megérkezik az átvételi helyre vagy otthonába.",
+  "product.simpleexchanges_title": "Egyszerű csere",
+  "product.simpleexchanges_desc": "Nem jó a méret? Ne aggódjon - kicseréljük a terméket egy újra.",
+  "product.easyreturns_title": "Egyszerű visszaküldés",
+  "product.easyreturns_desc": "Csak küldje vissza a terméket, és visszatérítjük a pénzét. Kérdés nélkül – mindent megteszünk, hogy a visszaküldés zökkenőmentes legyen.",
+  "product.related": "Kapcsolódó termékek",
+  "product.related_sub": "Érdemes megnézni ezeket a termékeket is.",
+  "product.variant_lineitem": "Változat: ",
+  "product.": "",
+
+  "order.back": "Vissza az áttekintéshez",
+  "order.details": "Rendelési adatok",
+  "order.thanks": "Köszönjük!",
+  "order.success": "A rendelése sikeresen leadva.",
+  "order.summary": "Összegzés",
+  "order.testorder": "A tesztrendelése sikeresen létrejött!",
+  "order.testordercomplete": "Most befejezheti boltjának beállítását az adminisztrációban.",
+  "order.testcomplete": "Befejezés az adminisztrációban",
+  "order.sentconfirmation": "A rendelési visszaigazolást elküldtük a következő címre:",
+  "order.date": "Rendelés dátuma: ",
+  "order.number": "Rendelésszám: ",
+  "order.status": "Rendelés állapota:",
+  "order.paymentstatus": "Fizetési állapot:",
+  "order.subtotal": "Részösszeg",
+  "order.discount_total": "Kedvezmény",
+  "order.discount": "Kedvezmény",
+  "order.shipping": "Szállítás",
+  "order.taxes": "Adók",
+  "order.total": "Összesen",
+  "order.payment": "Fizetés",
+  "order.payment_method": "Fizetési mód",
+  "order.payment_details": "Fizetési adatok",
+  "order.delivery": "Szállítás",
+  "order.shipping_address": "Szállítási cím",
+  "order.contact": "Kapcsolat",
+  "order.method": "Módszer",
+  "order.": "",
+  
+  "help.title": "Segítségre van szüksége?",
+  "help.contact": "Kapcsolat",
+  "help.returns": "Visszaküldés és csere",
+  
   "footer.store": "Medusa Bolt",
   "footer.categories": "Kategóriák",
   "footer.collections": "Kollekciók",
diff --git a/src/locales/us.ts b/src/locales/us.ts
@@ -57,6 +57,38 @@ export default {
   "product.related_sub": "You might also want to check out these products.",
   "product.variant_lineitem": "Variant: ",
   "product.": "",
+
+  "order.back": "Back to overview",
+  "order.details": "Order details",
+  "order.thanks": "Thank you!",
+  "order.success": "Your order was placed successfully.",
+  "order.summary": "Summary",
+  "order.testorder": "Your test order was successfully created!",
+  "order.testordercomplete": "You can now complete setting up your store in the admin.",
+  "order.testcomplete": "Complete setup in admin",
+  "order.sentconfirmation": "We have sent the order confirmation details to",
+  "order.date": "Order date: ",
+  "order.number": "Order number: ",
+  "order.status": "Order status:",
+  "order.paymentstatus": "Payment status:",
+  "order.subtotal": "Subtotal",
+  "order.discount_total": "Discount",
+  "order.discount": "Discount",
+  "order.shipping": "Shipping",
+  "order.taxes": "Taxes",
+  "order.total": "Total",
+  "order.payment": "Payment",
+  "order.payment_method": "Payment method",
+  "order.payment_details": "Payment details",
+  "order.delivery": "Delivery",
+  "order.shipping_address": "Shipping Address",
+  "order.contact": "Contact",
+  "order.method": "Method",
+  "order.": "",
+  
+  "help.title": "Need help?",
+  "help.contact": "Contact",
+  "help.returns": "Returns & Exchanges",
   
   "footer.store": "Medusa Store",
   "footer.categories": "Categories",
diff --git a/src/modules/common/components/line-item-options/index.tsx b/src/modules/common/components/line-item-options/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { ProductVariant } from "@medusajs/medusa"
 import { Text } from "@medusajs/ui"
 import { useScopedI18n } from '../../../../locales/client'
diff --git a/src/modules/order/components/help/index.tsx b/src/modules/order/components/help/index.tsx
@@ -1,19 +1,27 @@
+"use client"
+
+import { useScopedI18n } from "../../../../locales/client"
+
 import { Heading } from "@medusajs/ui"
 import LocalizedClientLink from "@modules/common/components/localized-client-link"
 import React from "react"
 
 const Help = () => {
+  const t = useScopedI18n("help")
+
   return (
     <div className="mt-6">
-      <Heading className="text-base-semi">Need help?</Heading>
+      <Heading className="text-base-semi">{t("title")}</Heading>
       <div className="text-base-regular my-2">
         <ul className="gap-y-2 flex flex-col">
           <li>
-            <LocalizedClientLink href="/contact">Contact</LocalizedClientLink>
+            <LocalizedClientLink href="/contact">
+              {t("contact")}
+            </LocalizedClientLink>
           </li>
           <li>
             <LocalizedClientLink href="/contact">
-              Returns & Exchanges
+              {t("returns")}
             </LocalizedClientLink>
           </li>
         </ul>
diff --git a/src/modules/order/components/item/index.tsx b/src/modules/order/components/item/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { LineItem, Region } from "@medusajs/medusa"
 import { Table, Text } from "@medusajs/ui"
 
diff --git a/src/modules/order/components/items/index.tsx b/src/modules/order/components/items/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { LineItem, Region } from "@medusajs/medusa"
 import { Table } from "@medusajs/ui"
 
diff --git a/src/modules/order/components/onboarding-cta/index.tsx b/src/modules/order/components/onboarding-cta/index.tsx
@@ -1,24 +1,26 @@
 "use client"
 
+import { useScopedI18n } from "../../../../locales/client"
+
 import { Button, Container, Text } from "@medusajs/ui"
 import { resetOnboardingState } from "app/actions"
 
 const OnboardingCta = ({ orderId }: { orderId: string }) => {
+  const t = useScopedI18n("order")
+
   return (
     <Container className="max-w-4xl h-full bg-ui-bg-subtle w-full">
       <div className="flex flex-col gap-y-4 center p-4 md:items-center">
-        <Text className="text-ui-fg-base text-xl">
-          Your test order was successfully created! 🎉
-        </Text>
+        <Text className="text-ui-fg-base text-xl">{t("testorder")} 🎉</Text>
         <Text className="text-ui-fg-subtle text-small-regular">
-          You can now complete setting up your store in the admin.
+          {t("testordercomplete")}
         </Text>
         <Button
           className="w-fit"
           size="xlarge"
           onClick={() => resetOnboardingState(orderId)}
         >
-          Complete setup in admin
+          {t("testcomplete")}
         </Button>
       </div>
     </Container>
diff --git a/src/modules/order/components/order-details/index.tsx b/src/modules/order/components/order-details/index.tsx
@@ -1,3 +1,7 @@
+"use client"
+
+import { useScopedI18n } from "../../../../locales/client"
+
 import { Order } from "@medusajs/medusa"
 import { Text } from "@medusajs/ui"
 
@@ -13,34 +17,45 @@ const OrderDetails = ({ order, showStatus }: OrderDetailsProps) => {
     return formatted.slice(0, 1).toUpperCase() + formatted.slice(1)
   }
 
+  const t = useScopedI18n("order")
+
   return (
     <div>
       <Text>
-        We have sent the order confirmation details to{" "}
-        <span className="text-ui-fg-medium-plus font-semibold" data-testid="order-email">
+        {t("sentconfirmation")}{" "}
+        <span
+          className="text-ui-fg-medium-plus font-semibold"
+          data-testid="order-email"
+        >
           {order.email}
         </span>
         .
       </Text>
       <Text className="mt-2">
-        Order date: <span data-testid="order-date">{new Date(order.created_at).toDateString()}</span>
+        {t("date")}{" "}
+        <span data-testid="order-date">
+          {new Date(order.created_at).toDateString()}
+        </span>
       </Text>
       <Text className="mt-2 text-ui-fg-interactive">
-        Order number: <span data-testid="order-id">{order.display_id}</span>
+        {t("number")} <span data-testid="order-id">{order.display_id}</span>
       </Text>
 
       <div className="flex items-center text-compact-small gap-x-4 mt-4">
         {showStatus && (
           <>
             <Text>
-              Order status:{" "}
+              {t("status")}{" "}
               <span className="text-ui-fg-subtle " data-testid="order-status">
                 {formatStatus(order.fulfillment_status)}
               </span>
             </Text>
             <Text>
-              Payment status:{" "}
-              <span className="text-ui-fg-subtle " sata-testid="order-payment-status">
+              {t("paymentstatus")}{" "}
+              <span
+                className="text-ui-fg-subtle "
+                sata-testid="order-payment-status"
+              >
                 {formatStatus(order.payment_status)}
               </span>
             </Text>
diff --git a/src/modules/order/components/order-summary/index.tsx b/src/modules/order/components/order-summary/index.tsx
@@ -1,3 +1,7 @@
+"use client"
+
+import { useScopedI18n } from "../../../../locales/client"
+
 import { Order } from "@medusajs/medusa"
 import { formatAmount } from "@lib/util/prices"
 
@@ -14,39 +18,40 @@ const OrderSummary = ({ order }: OrderSummaryProps) => {
     return formatAmount({ amount, region: order.region, includeTaxes: false })
   }
 
+  const t = useScopedI18n("order")
   return (
     <div>
       <h2 className="text-base-semi">Order Summary</h2>
       <div className="text-small-regular text-ui-fg-base my-2">
         <div className="flex items-center justify-between text-base-regular text-ui-fg-base mb-2">
-          <span>Subtotal</span>
+          <span>{t("subtotal")}</span>
           <span>{getAmount(order.subtotal)}</span>
         </div>
         <div className="flex flex-col gap-y-1">
           {order.discount_total > 0 && (
             <div className="flex items-center justify-between">
-              <span>Discount</span>
+              <span>{t("discount_total")}</span>
               <span>- {getAmount(order.discount_total)}</span>
             </div>
           )}
           {order.gift_card_total > 0 && (
             <div className="flex items-center justify-between">
-              <span>Discount</span>
+              <span>{t("discount")}</span>
               <span>- {getAmount(order.gift_card_total)}</span>
             </div>
           )}
           <div className="flex items-center justify-between">
-            <span>Shipping</span>
+            <span>{t("shipping")}</span>
             <span>{getAmount(order.shipping_total)}</span>
           </div>
           <div className="flex items-center justify-between">
-            <span>Taxes</span>
+            <span>{t("taxes")}</span>
             <span>{getAmount(order.tax_total)}</span>
           </div>
         </div>
         <div className="h-px w-full border-b border-gray-200 border-dashed my-4" />
         <div className="flex items-center justify-between text-base-regular text-ui-fg-base mb-2">
-          <span>Total</span>
+          <span>{t("total")}</span>
           <span>{getAmount(order.total)}</span>
         </div>
       </div>
diff --git a/src/modules/order/components/payment-details/index.tsx b/src/modules/order/components/payment-details/index.tsx
@@ -1,3 +1,7 @@
+"use client"
+
+import { useScopedI18n } from "../../../../locales/client"
+
 import { Order } from "@medusajs/medusa"
 import { Container, Heading, Text } from "@medusajs/ui"
 import { formatAmount } from "@lib/util/prices"
@@ -11,25 +15,30 @@ type PaymentDetailsProps = {
 
 const PaymentDetails = ({ order }: PaymentDetailsProps) => {
   const payment = order.payments[0]
+  const t = useScopedI18n("order")
+
   return (
     <div>
       <Heading level="h2" className="flex flex-row text-3xl-regular my-6">
-        Payment
+        {t("payment")}
       </Heading>
       <div>
         {payment && (
           <div className="flex items-start gap-x-1 w-full">
             <div className="flex flex-col w-1/3">
               <Text className="txt-medium-plus text-ui-fg-base mb-1">
-                Payment method
+                {t("payment_method")}
               </Text>
-              <Text className="txt-medium text-ui-fg-subtle" data-testid="payment-method">
+              <Text
+                className="txt-medium text-ui-fg-subtle"
+                data-testid="payment-method"
+              >
                 {paymentInfoMap[payment.provider_id].title}
               </Text>
             </div>
             <div className="flex flex-col w-2/3">
               <Text className="txt-medium-plus text-ui-fg-base mb-1">
-                Payment details
+                {t("payment_details")}
               </Text>
               <div className="flex gap-2 txt-medium text-ui-fg-subtle items-center">
                 <Container className="flex items-center h-7 w-fit p-2 bg-ui-button-neutral-hover">
diff --git a/src/modules/order/components/shipping-details/index.tsx b/src/modules/order/components/shipping-details/index.tsx
diff --git a/src/modules/order/templates/order-completed-template.tsx b/src/modules/order/templates/order-completed-template.tsx
diff --git a/src/modules/order/templates/order-details-template.tsx b/src/modules/order/templates/order-details-template.tsx
diff --git a/src/modules/products/templates/index.tsx b/src/modules/products/templates/index.tsx

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+"use client"`
	`2`	`+`
`1`	`3`	`import { ProductVariant } from "@medusajs/medusa"`
`2`	`4`	`import { Text } from "@medusajs/ui"`
`3`	`5`	`import { useScopedI18n } from '../../../../locales/client'`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+"use client"`
	`2`	`+`
`1`	`3`	`import { LineItem, Region } from "@medusajs/medusa"`
`2`	`4`	`import { Table, Text } from "@medusajs/ui"`
`3`	`5`