Skip to content

Commit c1b17f2

Browse files
adambarathadambarath
committed
modules/order
1 parent f300b15 commit c1b17f2

File tree

15 files changed

+214
-45
lines changed

15 files changed

+214
-45
lines changed

‎src/app/layout.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
import { Metadata } from "next"
22
import "styles/globals.css"
33

4+
import { I18nProviderClient } from "../locales/client"
5+
import { getCurrentLocale } from "../locales/server"
6+
47
const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || "https://localhost:8000"
58

69
export const metadata: Metadata = {
@@ -11,7 +14,9 @@ export default function RootLayout(props: { children: React.ReactNode }) {
1114
return (
1215
<html lang="en" data-mode="light">
1316
<body>
14-
<main className="relative">{props.children}</main>
17+
<I18nProviderClient locale={getCurrentLocale()}>
18+
<main className="relative">{props.children}</main>
19+
</I18nProviderClient>
1520
</body>
1621
</html>
1722
)

‎src/locales/hu.ts‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,68 @@ export default {
2828
"store.all": "Minden termék",
2929
"store.": "",
3030

31+
"search.searchresults": "Keresési eredmények erre:",
32+
"search.clear": "Törlés",
33+
"search.noresults": "Nincs találat.",
34+
"search.": "",
35+
36+
"product.select": "Kiválasztás",
37+
"product.variant": "Változat kiválasztása",
38+
"product.outof": "Nincs készleten",
39+
"product.addtocart": "Kosárba",
40+
"product.pricefrom": "Ettől: ",
41+
"product.priceoriginal": "Eredeti ár: ",
42+
"product.info": "Termékinformáció",
43+
"product.shipping": "Szállítás és visszaküldés",
44+
"product.material": "Anyag",
45+
"product.origin_country": "Származási ország",
46+
"product.type": "Típus",
47+
"product.weight": "Súly",
48+
"product.dimensions": "Méret",
49+
"product.tags": "Címkék",
50+
"product.fastdelivery_title": "Gyors szállítás",
51+
"product.fastdelivery_desc": "A csomag 3-5 munkanapon belül megérkezik az átvételi helyre vagy otthonába.",
52+
"product.simpleexchanges_title": "Egyszerű csere",
53+
"product.simpleexchanges_desc": "Nem jó a méret? Ne aggódjon - kicseréljük a terméket egy újra.",
54+
"product.easyreturns_title": "Egyszerű visszaküldés",
55+
"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.",
56+
"product.related": "Kapcsolódó termékek",
57+
"product.related_sub": "Érdemes megnézni ezeket a termékeket is.",
58+
"product.variant_lineitem": "Változat: ",
59+
"product.": "",
60+
61+
"order.back": "Vissza az áttekintéshez",
62+
"order.details": "Rendelési adatok",
63+
"order.thanks": "Köszönjük!",
64+
"order.success": "A rendelése sikeresen leadva.",
65+
"order.summary": "Összegzés",
66+
"order.testorder": "A tesztrendelése sikeresen létrejött!",
67+
"order.testordercomplete": "Most befejezheti boltjának beállítását az adminisztrációban.",
68+
"order.testcomplete": "Befejezés az adminisztrációban",
69+
"order.sentconfirmation": "A rendelési visszaigazolást elküldtük a következő címre:",
70+
"order.date": "Rendelés dátuma: ",
71+
"order.number": "Rendelésszám: ",
72+
"order.status": "Rendelés állapota:",
73+
"order.paymentstatus": "Fizetési állapot:",
74+
"order.subtotal": "Részösszeg",
75+
"order.discount_total": "Kedvezmény",
76+
"order.discount": "Kedvezmény",
77+
"order.shipping": "Szállítás",
78+
"order.taxes": "Adók",
79+
"order.total": "Összesen",
80+
"order.payment": "Fizetés",
81+
"order.payment_method": "Fizetési mód",
82+
"order.payment_details": "Fizetési adatok",
83+
"order.delivery": "Szállítás",
84+
"order.shipping_address": "Szállítási cím",
85+
"order.contact": "Kapcsolat",
86+
"order.method": "Módszer",
87+
"order.": "",
88+
89+
"help.title": "Segítségre van szüksége?",
90+
"help.contact": "Kapcsolat",
91+
"help.returns": "Visszaküldés és csere",
92+
3193
"footer.store": "Medusa Bolt",
3294
"footer.categories": "Kategóriák",
3395
"footer.collections": "Kollekciók",

‎src/locales/us.ts‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,38 @@ export default {
5757
"product.related_sub": "You might also want to check out these products.",
5858
"product.variant_lineitem": "Variant: ",
5959
"product.": "",
60+
61+
"order.back": "Back to overview",
62+
"order.details": "Order details",
63+
"order.thanks": "Thank you!",
64+
"order.success": "Your order was placed successfully.",
65+
"order.summary": "Summary",
66+
"order.testorder": "Your test order was successfully created!",
67+
"order.testordercomplete": "You can now complete setting up your store in the admin.",
68+
"order.testcomplete": "Complete setup in admin",
69+
"order.sentconfirmation": "We have sent the order confirmation details to",
70+
"order.date": "Order date: ",
71+
"order.number": "Order number: ",
72+
"order.status": "Order status:",
73+
"order.paymentstatus": "Payment status:",
74+
"order.subtotal": "Subtotal",
75+
"order.discount_total": "Discount",
76+
"order.discount": "Discount",
77+
"order.shipping": "Shipping",
78+
"order.taxes": "Taxes",
79+
"order.total": "Total",
80+
"order.payment": "Payment",
81+
"order.payment_method": "Payment method",
82+
"order.payment_details": "Payment details",
83+
"order.delivery": "Delivery",
84+
"order.shipping_address": "Shipping Address",
85+
"order.contact": "Contact",
86+
"order.method": "Method",
87+
"order.": "",
88+
89+
"help.title": "Need help?",
90+
"help.contact": "Contact",
91+
"help.returns": "Returns & Exchanges",
6092

6193
"footer.store": "Medusa Store",
6294
"footer.categories": "Categories",

‎src/modules/common/components/line-item-options/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use client"
2+
13
import { ProductVariant } from "@medusajs/medusa"
24
import { Text } from "@medusajs/ui"
35
import { useScopedI18n } from '../../../../locales/client'

‎src/modules/order/components/help/index.tsx‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,27 @@
1+
"use client"
2+
3+
import { useScopedI18n } from "../../../../locales/client"
4+
15
import { Heading } from "@medusajs/ui"
26
import LocalizedClientLink from "@modules/common/components/localized-client-link"
37
import React from "react"
48

59
const Help = () => {
10+
const t = useScopedI18n("help")
11+
612
return (
713
<div className="mt-6">
8-
<Heading className="text-base-semi">Need help?</Heading>
14+
<Heading className="text-base-semi">{t("title")}</Heading>
915
<div className="text-base-regular my-2">
1016
<ul className="gap-y-2 flex flex-col">
1117
<li>
12-
<LocalizedClientLink href="/contact">Contact</LocalizedClientLink>
18+
<LocalizedClientLink href="/contact">
19+
{t("contact")}
20+
</LocalizedClientLink>
1321
</li>
1422
<li>
1523
<LocalizedClientLink href="/contact">
16-
Returns & Exchanges
24+
{t("returns")}
1725
</LocalizedClientLink>
1826
</li>
1927
</ul>

‎src/modules/order/components/item/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use client"
2+
13
import { LineItem, Region } from "@medusajs/medusa"
24
import { Table, Text } from "@medusajs/ui"
35

‎src/modules/order/components/items/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use client"
2+
13
import { LineItem, Region } from "@medusajs/medusa"
24
import { Table } from "@medusajs/ui"
35

‎src/modules/order/components/onboarding-cta/index.tsx‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,26 @@
11
"use client"
22

3+
import { useScopedI18n } from "../../../../locales/client"
4+
35
import { Button, Container, Text } from "@medusajs/ui"
46
import { resetOnboardingState } from "app/actions"
57

68
const OnboardingCta = ({ orderId }: { orderId: string }) => {
9+
const t = useScopedI18n("order")
10+
711
return (
812
<Container className="max-w-4xl h-full bg-ui-bg-subtle w-full">
913
<div className="flex flex-col gap-y-4 center p-4 md:items-center">
10-
<Text className="text-ui-fg-base text-xl">
11-
Your test order was successfully created! 🎉
12-
</Text>
14+
<Text className="text-ui-fg-base text-xl">{t("testorder")} 🎉</Text>
1315
<Text className="text-ui-fg-subtle text-small-regular">
14-
You can now complete setting up your store in the admin.
16+
{t("testordercomplete")}
1517
</Text>
1618
<Button
1719
className="w-fit"
1820
size="xlarge"
1921
onClick={() => resetOnboardingState(orderId)}
2022
>
21-
Complete setup in admin
23+
{t("testcomplete")}
2224
</Button>
2325
</div>
2426
</Container>

‎src/modules/order/components/order-details/index.tsx‎

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
"use client"
2+
3+
import { useScopedI18n } from "../../../../locales/client"
4+
15
import { Order } from "@medusajs/medusa"
26
import { Text } from "@medusajs/ui"
37

@@ -13,34 +17,45 @@ const OrderDetails = ({ order, showStatus }: OrderDetailsProps) => {
1317
return formatted.slice(0, 1).toUpperCase() + formatted.slice(1)
1418
}
1519

20+
const t = useScopedI18n("order")
21+
1622
return (
1723
<div>
1824
<Text>
19-
We have sent the order confirmation details to{" "}
20-
<span className="text-ui-fg-medium-plus font-semibold" data-testid="order-email">
25+
{t("sentconfirmation")}{" "}
26+
<span
27+
className="text-ui-fg-medium-plus font-semibold"
28+
data-testid="order-email"
29+
>
2130
{order.email}
2231
</span>
2332
.
2433
</Text>
2534
<Text className="mt-2">
26-
Order date: <span data-testid="order-date">{new Date(order.created_at).toDateString()}</span>
35+
{t("date")}{" "}
36+
<span data-testid="order-date">
37+
{new Date(order.created_at).toDateString()}
38+
</span>
2739
</Text>
2840
<Text className="mt-2 text-ui-fg-interactive">
29-
Order number: <span data-testid="order-id">{order.display_id}</span>
41+
{t("number")} <span data-testid="order-id">{order.display_id}</span>
3042
</Text>
3143

3244
<div className="flex items-center text-compact-small gap-x-4 mt-4">
3345
{showStatus && (
3446
<>
3547
<Text>
36-
Order status:{" "}
48+
{t("status")}{" "}
3749
<span className="text-ui-fg-subtle " data-testid="order-status">
3850
{formatStatus(order.fulfillment_status)}
3951
</span>
4052
</Text>
4153
<Text>
42-
Payment status:{" "}
43-
<span className="text-ui-fg-subtle " sata-testid="order-payment-status">
54+
{t("paymentstatus")}{" "}
55+
<span
56+
className="text-ui-fg-subtle "
57+
sata-testid="order-payment-status"
58+
>
4459
{formatStatus(order.payment_status)}
4560
</span>
4661
</Text>

‎src/modules/order/components/order-summary/index.tsx‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
"use client"
2+
3+
import { useScopedI18n } from "../../../../locales/client"
4+
15
import { Order } from "@medusajs/medusa"
26
import { formatAmount } from "@lib/util/prices"
37

@@ -14,39 +18,40 @@ const OrderSummary = ({ order }: OrderSummaryProps) => {
1418
return formatAmount({ amount, region: order.region, includeTaxes: false })
1519
}
1620

21+
const t = useScopedI18n("order")
1722
return (
1823
<div>
1924
<h2 className="text-base-semi">Order Summary</h2>
2025
<div className="text-small-regular text-ui-fg-base my-2">
2126
<div className="flex items-center justify-between text-base-regular text-ui-fg-base mb-2">
22-
<span>Subtotal</span>
27+
<span>{t("subtotal")}</span>
2328
<span>{getAmount(order.subtotal)}</span>
2429
</div>
2530
<div className="flex flex-col gap-y-1">
2631
{order.discount_total > 0 && (
2732
<div className="flex items-center justify-between">
28-
<span>Discount</span>
33+
<span>{t("discount_total")}</span>
2934
<span>- {getAmount(order.discount_total)}</span>
3035
</div>
3136
)}
3237
{order.gift_card_total > 0 && (
3338
<div className="flex items-center justify-between">
34-
<span>Discount</span>
39+
<span>{t("discount")}</span>
3540
<span>- {getAmount(order.gift_card_total)}</span>
3641
</div>
3742
)}
3843
<div className="flex items-center justify-between">
39-
<span>Shipping</span>
44+
<span>{t("shipping")}</span>
4045
<span>{getAmount(order.shipping_total)}</span>
4146
</div>
4247
<div className="flex items-center justify-between">
43-
<span>Taxes</span>
48+
<span>{t("taxes")}</span>
4449
<span>{getAmount(order.tax_total)}</span>
4550
</div>
4651
</div>
4752
<div className="h-px w-full border-b border-gray-200 border-dashed my-4" />
4853
<div className="flex items-center justify-between text-base-regular text-ui-fg-base mb-2">
49-
<span>Total</span>
54+
<span>{t("total")}</span>
5055
<span>{getAmount(order.total)}</span>
5156
</div>
5257
</div>

0 commit comments

Comments
 (0)