Merge pull request #486 from GurukiranP/ES-393

Added console logs for debug purpose
mosip · Nov 28, 2023 · 31ad5bc · 31ad5bc
2 parents e4b68b8 + 03db079
commit 31ad5bc
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 8 deletions.
diff --git a/oidc-ui/src/components/Background.js b/oidc-ui/src/components/Background.js
@@ -31,8 +31,9 @@ export default function Background({
 
   // check if background logo is needed or not,
   // create div according to the environment variable
+  console.log("REACT_APP_BACKGROUND_LOGO", getBooleanValue("REACT_APP_BACKGROUND_LOGO"))
   const backgroundLogoDiv =
-    getBooleanValue(process.env.REACT_APP_BACKGROUND_LOGO) ? (
+    getBooleanValue("REACT_APP_BACKGROUND_LOGO") ? (
       <div className="flex justify-center m-10 lg:mt-20 mb:mt-0 lg:w-1/2 md:w-1/2 md:block sm:w-1/2 sm:block hidden w-5/6 mt-20 mb-10 md:mb-0">
         <img
           className="background-logo object-contain rtl:scale-x-[-1]"

diff --git a/oidc-ui/src/components/Consent.js b/oidc-ui/src/components/Consent.js
@@ -47,7 +47,7 @@ export default function Consent({
   const [cancelPopup, setCancelPopup] = useState(false);
 
   const slideToggleClass = getBooleanValue(
-    process.env.REACT_APP_NO_OUTLINE_TOGGLE
+    "REACT_APP_NO_OUTLINE_TOGGLE"
   )
     ? "toggle-no-outline"
     : "toggle-outline";
@@ -406,8 +406,9 @@ export default function Consent({
 
   // check if background logo is needed or not,
   // create div according to the environment variable
+  console.log("REACT_APP_BACKGROUND_LOGO_CONSENT", getBooleanValue("REACT_APP_BACKGROUND_LOGO"))
   const backgroundLogoDiv =
-    getBooleanValue(process.env.REACT_APP_BACKGROUND_LOGO) ? (
+    getBooleanValue("REACT_APP_BACKGROUND_LOGO") ? (
       <div className="flex justify-center m-10 lg:mt-20 mb:mt-0 lg:w-1/2 md:w-1/2 md:block sm:w-1/2 sm:block hidden w-5/6 mt-20 mb-10 md:mb-0">
         <img
           className="background-logo object-contain rtl:scale-x-[-1]"

diff --git a/oidc-ui/src/components/EsignetDetails.js b/oidc-ui/src/components/EsignetDetails.js
@@ -30,8 +30,9 @@ export default function EsignetDetails({ i18nKeyPrefix = "esignetDetails" }) {
 
   // check if background logo is needed or not,
   // create div according to the environment variable
+  console.log("REACT_APP_BACKGROUND_LOGO_ESIGNETDETAILS", getBooleanValue("REACT_APP_BACKGROUND_LOGO"))
   const backgroundLogoDiv =
-    getBooleanValue(process.env.REACT_APP_BACKGROUND_LOGO) ? (
+    getBooleanValue("REACT_APP_BACKGROUND_LOGO") ? (
       <div className="flex justify-center m-10 lg:mt-20 mb:mt-0 lg:w-1/2 md:w-1/2 md:block sm:w-1/2 sm:block hidden w-5/6 mt-20 mb-10 md:mb-0">
         <img
           className="background-logo object-contain rtl:scale-x-[-1]"

diff --git a/oidc-ui/src/components/Footer.js b/oidc-ui/src/components/Footer.js
@@ -2,7 +2,10 @@ import { useTranslation } from "react-i18next";
 import { getBooleanValue } from "../services/utilService";
 
 export default function Footer({ i18nKeyPrefix = "footer" }) {
-  const footerCheck = getBooleanValue(process.env.REACT_APP_FOOTER);
+  console.log(process.env.REACT_APP_FOOTER)
+  console.log(typeof process.env.REACT_APP_FOOTER)
+  console.log("REACT_APP_FOOTER", getBooleanValue("REACT_APP_FOOTER"))
+  const footerCheck = getBooleanValue("REACT_APP_FOOTER");
 
   const { t } = useTranslation("translation", {
     keyPrefix: i18nKeyPrefix,

diff --git a/oidc-ui/src/components/NavHeader.js b/oidc-ui/src/components/NavHeader.js
@@ -13,7 +13,7 @@ export default function NavHeader({ langOptions, i18nKeyPrefix = "header" }) {
     i18n.changeLanguage(e.value);
   };
 
-  const removeIndicatorPipe = getBooleanValue(process.env.REACT_APP_REMOVE_INDICATOR_PIPE);
+  const removeIndicatorPipe = getBooleanValue("REACT_APP_REMOVE_INDICATOR_PIPE");
 
   const customStyles = {
       control: (base) => ({

diff --git a/oidc-ui/src/services/utilService.js b/oidc-ui/src/services/utilService.js
@@ -1,8 +1,13 @@
 const getBooleanValue = (inputValue) => {
-    if (typeof(inputValue) === 'undefined' || inputValue === null || inputValue === '') {
+    var val = process.env[inputValue]
+    console.log(inputValue, val)
+    console.log(typeof val)
+    if (typeof(val) === 'undefined' || val === null || val === '') {
+        console.log("no input provided", inputValue)
         return false;
     }
-    return /^true$/i.test(inputValue);
+    console.log("valid input provided", inputValue)
+    return /^true$/i.test(val);
 }
 
 export { getBooleanValue };