From 94755474aed4cc45ae86ed0c87934511716269f7 Mon Sep 17 00:00:00 2001
From: MadhuMosip <madhu@mosip.io>
Date: Mon, 23 Sep 2024 10:45:24 +0530
Subject: [PATCH] MOSIP-35899 using visable css instead conditions to hide
 input fields

Signed-off-by: MadhuMosip <madhu@mosip.io>
---
 .../login/pages/LoginUpdatePassword.tsx       | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/keycloak-artemis/mosip_keycloak_theme/src/keycloak-theme/login/pages/LoginUpdatePassword.tsx b/keycloak-artemis/mosip_keycloak_theme/src/keycloak-theme/login/pages/LoginUpdatePassword.tsx
index cc304bd..e895f7f 100644
--- a/keycloak-artemis/mosip_keycloak_theme/src/keycloak-theme/login/pages/LoginUpdatePassword.tsx
+++ b/keycloak-artemis/mosip_keycloak_theme/src/keycloak-theme/login/pages/LoginUpdatePassword.tsx
@@ -95,7 +95,7 @@ export default function LoginUpdatePassword(props: PageProps<Extract<KcContext,
             }
         >
             <form id="kc-passwd-update-form" className={getClassName("kcFormClass")} action={url.loginAction} method="post">
-                {!isReloadBtn && <>
+                <div className={`${!isReloadBtn ? "visible -mb-[240px]" : "invisible -mt-[230px]"}`}>
                     {(message !== undefined && message.type !== 'warning' && openErrTab) && (
                         <div className='bg-errorBg min-h-11 p-2 text-center text-errorColor font-semibold mb-3 font-inter rounded-lg px-4'>
                             {/* {message.type === "success" && <span className={getClassName("kcFeedbackSuccessIcon")}></span>}
@@ -235,22 +235,19 @@ export default function LoginUpdatePassword(props: PageProps<Extract<KcContext,
                             )}
                         </div>
                     </div>
-                </>}
-                {isReloadBtn && (
-                    <div className="flex items-center flex-col font-inter">
-                        <span><img className="h-[10rem] w-[10rem]" src={successIcon} /></span>
-                        <p className="font-bold text-[14px] text-[#000000]">Password reset completed successfully!</p>
-                        <hr className="w-[90%] m-8 border-[#D8D8D8]" />
-                        <input
-                           className="text-[#1447B2] font-bold text-[13px]"
-                            type="submit"
-                            // onClick={() => setReloadBtn(true)}
-                            onClick={showSuccessMsg}
-                            value={msgStr("goToDashboard")}
-                        />
-                    </div>
-                )}
-
+                </div>
+                <div className={`flex items-center flex-col font-inter ${isReloadBtn ? "visible" : "invisible"}`}>
+                    <span><img className="h-[10rem] w-[10rem]" src={successIcon} /></span>
+                    <p className="font-bold text-[14px] text-[#000000]">Password reset completed successfully!</p>
+                    <hr className="w-[90%] m-8 border-[#D8D8D8]" />
+                    <input
+                        className="text-[#1447B2] font-bold text-[13px]"
+                        type="submit"
+                        // onClick={() => setReloadBtn(true)}
+                        onClick={showSuccessMsg}
+                        value={msgStr("goToDashboard")}
+                    />
+                </div>
             </form>
         </Template>
     );