diff --git a/components/languageSwitcher.tsx b/components/languageSwitcher.tsx
new file mode 100644
index 0000000..e4c2663
--- /dev/null
+++ b/components/languageSwitcher.tsx
@@ -0,0 +1,24 @@
+import { useRouter } from 'next/router';
+import { useTranslations } from 'next-intl';
+
+// using https://next-intl-docs.vercel.app/docs/getting-started/pages-router
+const LanguageSwitcher = () => {
+ const t = useTranslations('common');
+ const router = useRouter();
+ const { locale, locales, asPath } = router;
+
+ return (
+
+ {locales.map((lng) => {
+ if (lng === locale) return null;
+ return (
+ router.push(asPath, asPath, { locale: lng })}>
+ {t('changeTo')} {t(lng.toUpperCase())}
+
+ );
+ })}
+
+ );
+};
+
+export default LanguageSwitcher;
\ No newline at end of file
diff --git a/components/layout.tsx b/components/layout.tsx
index b1c29fe..7c5639b 100644
--- a/components/layout.tsx
+++ b/components/layout.tsx
@@ -68,4 +68,5 @@ export default function Layout({ children }) {
);
-}
\ No newline at end of file
+}
+
diff --git a/components/sidebar.tsx b/components/sidebar.tsx
index acd412c..1f562d8 100644
--- a/components/sidebar.tsx
+++ b/components/sidebar.tsx
@@ -5,6 +5,7 @@ import { useRouter } from 'next/router';
import sidemenu, { footerMenu } from './sidemenuData.js'; // Move sidemenu data to a separate file
import axiosInstance from "src/axiosSecure";
import common from "src/helpers/common";
+import LanguageSwitcher from "./languageSwitcher";
//get package version from package.json
const packageVersion = require('../package.json').version;
@@ -145,6 +146,7 @@ export default function Sidebar({ isSidebarOpen, toggleSidebar }) {
-
-
-
+
+
+
+
+
+
)
}
+
+// build time localization. Is it working for _app.tsx?d
+// export async function getStaticProps(context) {
+// const messages = (await import(`../content/i18n/${locale}.json`)).default;
+// console.log("Loaded messages for locale:", locale, messages);
+// return {
+// props: {
+// // You can get the messages from anywhere you like. The recommended
+// // pattern is to put them in JSON files separated by locale and read
+// // the desired one based on the `locale` received from Next.js.
+// // messages: (await import(`../content/i18n/${context.locale}.json`)).default
+// messages
+// }
+// };
+// }
diff --git a/pages/api/translations/[...locale].ts b/pages/api/translations/[...locale].ts
new file mode 100644
index 0000000..de67d51
--- /dev/null
+++ b/pages/api/translations/[...locale].ts
@@ -0,0 +1,37 @@
+import fs from 'fs';
+import path from 'path';
+import { NextApiRequest, NextApiResponse } from 'next';
+type Translations = {
+ [key: string]: string;
+};
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+ const { locale } = req.query;
+
+ const filePath = path.join(process.cwd(), `content/i18n/${locale}.json`);
+ const translations: Translations = JSON.parse(fs.readFileSync(filePath, 'utf8'));
+
+ switch (req.method) {
+ case 'GET':
+ try {
+ res.status(200).json(translations);
+ } catch (error) {
+ console.error('Error reading translation file:', error);
+ res.status(500).json({ error: 'Failed to read translation file' });
+ }
+ break;
+
+ case 'POST': try {
+ const newTranslations = req.body;
+ fs.writeFileSync(filePath, JSON.stringify(newTranslations, null, 2), 'utf8');
+ res.status(200).json({ status: 'Updated' });
+ } catch (error) {
+ console.error('Error writing translation file:', error);
+ res.status(500).json({ error: 'Failed to update translation file' });
+ }
+ break;
+
+ default:
+ res.setHeader('Allow', ['GET', 'POST']);
+ res.status(405).end(`Method ${req.method} Not Allowed`);
+ }
+}
diff --git a/pages/dash.tsx b/pages/dash.tsx
index b53afa9..c18aa67 100644
--- a/pages/dash.tsx
+++ b/pages/dash.tsx
@@ -204,6 +204,7 @@ export const getServerSideProps = async (context) => {
props: {
initialItems: items,
userId: session?.user.id,
+ // messages: (await import(`../content/i18n/${context.locale}.json`)).default
},
};
}