From dd85ce7cfeb9208ca72ad6faee253f036371002c Mon Sep 17 00:00:00 2001
From: RaktimaNXG <raktima.c@nxglabs.com>
Date: Tue, 6 Aug 2024 20:25:26 +0530
Subject: [PATCH] fix: after create new user selected language change in en-USA

---
 apps/OpenSign/src/i18n.js                    | 2 +-
 apps/OpenSign/src/pages/PlanSubscriptions.js | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/OpenSign/src/i18n.js b/apps/OpenSign/src/i18n.js
index 402079441..d49c227d1 100644
--- a/apps/OpenSign/src/i18n.js
+++ b/apps/OpenSign/src/i18n.js
@@ -11,7 +11,7 @@ i18n
     fallbackLng: "en", // Fallback to English if no other language is detected
     detection: {
       // Order and from where user language should be detected
-      order: ["localStorage", "navigator", "htmlTag", "path", "subdomain"],
+      order: ["localStorage", "navigator"],
       // Cache user language on
       caches: ["localStorage"]
     },
diff --git a/apps/OpenSign/src/pages/PlanSubscriptions.js b/apps/OpenSign/src/pages/PlanSubscriptions.js
index 1987048f4..105221ee7 100644
--- a/apps/OpenSign/src/pages/PlanSubscriptions.js
+++ b/apps/OpenSign/src/pages/PlanSubscriptions.js
@@ -16,7 +16,7 @@ const listItemStyle = {
 };
 
 const PlanSubscriptions = () => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const navigate = useNavigate();
   const [yearlyVisible, setYearlyVisible] = useState(true);
   const [isLoader, setIsLoader] = useState(true);
@@ -61,8 +61,14 @@ const PlanSubscriptions = () => {
     phone;
   useEffect(() => {
     setIsLoader(false);
+    detectLanguage();
     // eslint-disable-next-line
   }, []);
+  const detectLanguage = () => {
+    const detectedLanguage = i18n.language || "en";
+    i18n.changeLanguage(detectedLanguage);
+    localStorage.setItem("i18nextLng", detectedLanguage);
+  };
 
   const handleFreePlan = async (item) => {
     if (item.url) {