Merge pull request #215 from tw-mosip/develop

[INJIWEB-1147] : fixing the missing imports
mosip · Dec 4, 2024 · f281a2e · f281a2e
2 parents 922fc4b + cbf894c
commit f281a2e
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/inji-web/src/components/PageTemplate/Header.tsx b/inji-web/src/components/PageTemplate/Header.tsx
@@ -7,6 +7,7 @@ import {GiHamburgerMenu} from "react-icons/gi";
 import OutsideClickHandler from 'react-outside-click-handler';
 import { RootState } from "../../types/redux";
 import { useSelector } from "react-redux";
+import { isRTL } from "../../utils/i18n";
 export const Header: React.FC = () => {
     const language = useSelector((state: RootState) => state.common.language);
     const { t, i18n } = useTranslation("PageTemplate");
@@ -18,16 +19,16 @@ export const Header: React.FC = () => {
         <div data-testid="Header-Container"
                 className="fixed top-0 left-0 right-0 bg-iw-background py-7 z-10">
                 <div className="container mx-auto flex justify-between items-center px-4">
-                    <div data-testid="Header-InjiWeb-Logo-Container" className={`flex flex-row ${isRTL ? 'space-x-reverse' : 'space-x-9'} justify-center items-center`}>
-                        <div role="button" tabIndex={0} className={`m-3 sm:hidden ${isRTL ? 'ml-4' : ''}`} onMouseDown={() => setIsOpen(open => !open)} onKeyUp={() => setIsOpen(open => !open)}>
+                    <div data-testid="Header-InjiWeb-Logo-Container" className={`flex flex-row ${isRTL(language) ? 'space-x-reverse' : 'space-x-9'} justify-center items-center`}>
+                        <div role="button" tabIndex={0} className={`m-3 sm:hidden ${isRTL(language)  ? 'ml-4' : ''}`} onMouseDown={() => setIsOpen(open => !open)} onKeyUp={() => setIsOpen(open => !open)}>
                             <GiHamburgerMenu size={32} />
                         </div>
                         <div role={"button"}
                             tabIndex={0}
                             onMouseDown={() => navigate("/")}
                             onKeyUp={() => navigate("/")}>
                             <img src={require("../../assets/InjiWebLogo.png")}
-                                className={`h-13 w-28 scale-150 cursor-pointer ${isRTL ? 'mr-4' : ''}`}
+                                className={`h-13 w-28 scale-150 cursor-pointer ${isRTL(language)  ? 'mr-4' : ''}`}
                                 data-testid="Header-InjiWeb-Logo"
                              alt="Inji Web Logo"/>
                     </div>