Merge pull request mosip#212 from Infosys/injiweb-1146

[INJIWEB-1146]: Fix language Selector alignment
Infosys · Dec 2, 2024 · ef4a966 · ef4a966
2 parents b86a554 + dc1c921
commit ef4a966
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/inji-web/src/components/Common/LanguageSelector.tsx b/inji-web/src/components/Common/LanguageSelector.tsx
@@ -1,6 +1,6 @@
 import React, {useState} from "react";
 import {VscGlobe} from "react-icons/vsc";
-import {LanguagesSupported, switchLanguage} from "../../utils/i18n";
+import {isRTL, LanguagesSupported, switchLanguage} from "../../utils/i18n";
 import {useDispatch, useSelector} from "react-redux";
 import {storeLanguage} from "../../redux/reducers/commonReducer";
 import {RootState} from "../../types/redux";
@@ -15,7 +15,6 @@ export const LanguageSelector: React.FC = () => {
     language = language ?? window._env_.DEFAULT_LANG;
     const [isOpen, setIsOpen] = useState(false);
 
-
     interface DropdownItem {
         label: string;
         value: string;
@@ -62,7 +61,7 @@ export const LanguageSelector: React.FC = () => {
 
             {isOpen && (
                 <div
-                    className="absolute w-60 z-40 right-0 mt-3 rounded-md shadow-lg bg-iw-background overflow-hidden font-normal">
+                    className={`absolute w-60 z-40 ${isRTL(language) ? "left-0" : "right-0"} mt-3 rounded-md shadow-lg bg-iw-background overflow-hidden font-normal`}>
                     <ul className="py-1 divide-y divide-gray-200">
                         {LanguagesSupported.map((item) => (
                             <li key={item.value}
@@ -86,4 +85,4 @@ export const LanguageSelector: React.FC = () => {
             )}
         </div>
     </div>
-}
+}