build fixes

Author: adambarath

src/app/[countryCode]/(checkout)/checkout/page.tsx

@@ -12,7 +12,7 @@ import CheckoutSummary from "@modules/checkout/templates/checkout-summary"
 import { getCart } from "@lib/data"
 
 export const metadata: Metadata = {
-  title: "Checkout",
+  title: "checkout.title",
 }
 
 const fetchCart = async () => {

src/locales/hu.ts

@@ -40,9 +40,11 @@ export default {
 
   "cart.title": "Kosár",
   "cart.desc": "Tekintsd meg a kosarad",
+  "cart.taxes_desc": "A kosárban szereplő összeg nem tartalmazza az ÁFA-t és a szállítási díjat.",
   "cart.subtotal": "Részösszeg",
   "cart.discount": "Kedvezmény",
   "cart.shipping": "Szállítás",
+  "cart.taxes": "ÁFA",
   "cart.giftcard": "Ajándékkártya",
   "cart.total": "Összeg",
   "cart.summary": "Összegzés",
@@ -60,6 +62,7 @@ export default {
   "cart.": "",
 
   "checkout.title": "Fizetés",
+  "checkout.placeorder": "Rendelés leadása",
   "checkout.back": "Vissza a kosárhoz",
   "checkout.inyourcart": "A kosaradban",
   "checkout.chooseaddress": "Válassz egy címet",
@@ -221,6 +224,7 @@ export default {
   "account.address.email": "E-mail",
 
   "account.password": "Jelszó",
+  "account.password_hint": "A jelszó biztonsági okokból nem jelenik meg",
   "account.old_password": "Régi jelszó",
   "account.new_password": "Új jelszó",
   "account.confirm_password": "Jelszó megerősítése",

src/locales/locale-provider.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import type { ReactNode } from 'react';
+import { I18nProviderClient } from '../locales/client';
+
+type ProviderProps = {
+  countryCode: string;
+  children: ReactNode;
+};
+
+// {/* <main className="relative"><LocalizationProvider>{props.children}</LocalizationProvider></main> */}
+export function LocalizationProvider({ countryCode, children }: ProviderProps) {
+  return (
+    <I18nProviderClient locale={countryCode} fallback={<p>??? ... ???</p>}>
+      {children}
+    </I18nProviderClient>
+  );
+}

src/locales/server.ts

@@ -1,10 +1,13 @@
 // https://next-international.vercel.app/docs/app-setup
 // locales/server.ts
-import { createI18nServer } from 'next-international/server'
+import { createI18nServer, setStaticParamsLocale } from 'next-international/server'
 
 export const { getI18n, getScopedI18n, getStaticParams, getCurrentLocale } = createI18nServer({
   us: () => import('./us'),
   hu: () => import('./hu')
 }, {
   segmentName: "countryCode"
-})
+})
+
+// see: https://github.com/QuiiBz/next-international/issues/411
+export const setStaticParams = (locale: string) => setStaticParamsLocale(locale);

src/locales/us.ts

@@ -40,9 +40,11 @@ export default {
 
   "cart.title": "Cart",
   "cart.desc": "View your cart",
+  "cart.taxes_desc": "Cart total excluding shipping and taxes.",
   "cart.subtotal": "Subtotal",
   "cart.discount": "Discount",
   "cart.shipping": "Shipping",
+  "cart.taxes": "Taxes",
   "cart.giftcard": "Gift card",
   "cart.total": "Total",
   "cart.summary": "Summary",
@@ -60,6 +62,7 @@ export default {
   "cart.": "",
 
   "checkout.title": "Checkout",
+  "checkout.placeorder": "Place Order",
   "checkout.back": "Back to shopping cart",
   "checkout.inyourcart": "In your Cart",
   "checkout.chooseaddress": "Choose an address",
@@ -221,6 +224,7 @@ export default {
   "account.address.email": "E-mail",
 
   "account.password": "Password",
+  "account.password_hint": "The password is not shown for security reasons",
   "account.old_password": "Old password",
   "account.new_password": "New password",
   "account.confirm_password": "Confirm password",

src/modules/account/components/profile-password/index.tsx

@@ -38,7 +38,7 @@ const ProfileName: React.FC<MyInformationProps> = ({ customer }) => {
       <AccountInfo
         label={t("password")}
         currentInfo={
-          <span>The password is not shown for security reasons</span>
+          <span>{t("password_hint")}</span>
         }
         isSuccess={successState}
         isError={!!state.error}

src/modules/checkout/components/payment-button/index.tsx

@@ -259,6 +259,7 @@ const PayPalPaymentButton = ({
 }
 
 const ManualTestPaymentButton = ({ notReady }: { notReady: boolean }) => {
+  const t = useScopedI18n("checkout")
   const [submitting, setSubmitting] = useState(false)
   const [errorMessage, setErrorMessage] = useState<string | null>(null)
 
@@ -284,7 +285,7 @@ const ManualTestPaymentButton = ({ notReady }: { notReady: boolean }) => {
         size="large"
         data-testid="submit-order-button"
       >
-        Place order
+        {t("placeorder")}
       </Button>
       <ErrorMessage
         error={errorMessage}

src/modules/checkout/components/submit-button/index.tsx

@@ -11,7 +11,7 @@ export function SubmitButton({
   'data-testid': dataTestId
 }: {
   children: React.ReactNode
-  variant?: "primary" | "secondary" | "transparent" | "danger" | null
+  variant?: "primary" | "secondary" | "transparent" | "danger" | undefined
   className?: string
   'data-testid'?: string
 }) {

src/modules/common/components/cart-totals/index.tsx

@@ -38,7 +38,7 @@ const CartTotals: React.FC<CartTotalsProps> = ({ data }) => {
         <div className="flex items-center justify-between">
           <span className="flex gap-x-1 items-center">
             {t("subtotal")}
-            <Tooltip content="Cart total excluding shipping and taxes.">
+            <Tooltip content={t("taxes_desc")}>
               <InformationCircleSolid color="var(--fg-muted)" />
             </Tooltip>
           </span>
@@ -65,7 +65,7 @@ const CartTotals: React.FC<CartTotalsProps> = ({ data }) => {
           </span>
         </div>
         <div className="flex justify-between">
-          <span className="flex gap-x-1 items-center ">Taxes</span>
+          <span className="flex gap-x-1 items-center ">{t("taxes")}</span>
           <span data-testid="cart-taxes" data-value={tax_total || 0}>
             {getAmount(tax_total)}
           </span>

src/modules/common/components/filter-radio-group/index.tsx

@@ -47,7 +47,6 @@ const FilterRadioGroup = ({
               value={i.value}
             />
             <Label
-              placeholder={i.label}
               htmlFor={i.value}
               className={clx(
                 "!txt-compact-small !transform-none text-ui-fg-subtle hover:cursor-pointer",