Merge pull request #127 from zeilenschubser/main.feat.add_i18n

add i18n, but fix the buid

Author: zeilenschubser

README.md

@@ -63,6 +63,12 @@ This app is powered by a robust tech stack:
 - Docker
 - MongoDB
 - Next.js
+- bun:test
+
+### test with bun
+just run `bun test`, but currently testing only
+- i18n integration
+
 
 ## Authors
 

bun.lock

@@ -2,11 +2,13 @@
 
 import { Construction } from "lucide-react";
 import {useEffect, useState} from "react";
+import { useTranslation } from "react-i18next";
 
-const WithSystemCheck = (WrappedComponent) => {
-	return function WithSystemCheckComponent(props) {
+const WithSystemCheck = (WrappedComponent: any) => {
+	return function WithSystemCheckComponent(props: any) {
 		const [systemStatus, setSystemStatus] = useState('checking');
 		const [loading, setLoading] = useState(true);
+		const [t, i18n] = useTranslation();
 
 		const checkSystemStatus = () => {
 			setLoading(true);

bun.lockb

@@ -1,4 +1,4 @@
-// Footer.jsx
+"use client";
 
 import { useTranslation } from "react-i18next";
 

src/app/WithSystemCheck.jsx src/app/WithSystemCheck.tsxsrc/app/WithSystemCheck.jsx renamed to src/app/WithSystemCheck.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Suspense } from 'react';
 import ClientOrderPage from './clientOrderPage';
 import { useTranslation } from 'react-i18next';

src/app/components/layout/Footer.jsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Suspense } from 'react';
 import QRCodePage from './qrCodePage';
 import { useTranslation } from 'react-i18next';

src/app/order/[orderNumber]/page.tsx

@@ -1,5 +1,5 @@
 translation:
-  lang_emoji: 🥺✨💖👉👈🌟
+  lang_emoji: 🥺
   app_title: 💖🍕✨🎀🎉 Get youw smowwest wittle byte of nyummy wummy pizza~!! 👉👈🥺 🍰🍕 So dewicious and adowabwe nyaaa~!! 💖🌸🍭✨🦄
   loading_menu: ✨🔄💫 Woading Menu... pwease wait cutie~!! 🥺💖🌸
 

src/app/order/thank-you/[orderNumber]/page.tsx

@@ -2,8 +2,9 @@ import i18n, { InitOptions } from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import { loadResources } from './i18n.resources';
 
-export const resources: Record<string, any> = loadResources((id:string) => {
-  return require("@/config/locales/${id}.yaml")["default"] || {};
+export const resources: Record<string, any> = loadResources((lang:string, ns:string="") => {
+  debugger;
+  return require(`@/config/locales/${lang}.yaml`).default || {};
 });
 
 export const i18nConfig: InitOptions = {