From 50495f05dd71ae6c0965b7ad4bcc690bcdeeda8a Mon Sep 17 00:00:00 2001
From: Princi Vershwal <vershwal.princi@gmail.com>
Date: Wed, 24 Jan 2024 19:20:59 +0530
Subject: [PATCH] Optimised iframe for offer (#19568)

---
 .../settings/membership/portal/PortalFrame.tsx        | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/apps/admin-x-settings/src/components/settings/membership/portal/PortalFrame.tsx b/apps/admin-x-settings/src/components/settings/membership/portal/PortalFrame.tsx
index bdc9a47147..c0ffd5aeb2 100644
--- a/apps/admin-x-settings/src/components/settings/membership/portal/PortalFrame.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/portal/PortalFrame.tsx
@@ -20,7 +20,7 @@ const PortalFrame: React.FC<PortalFrameProps> = ({href, onDestroyed, selectedTab
             if (iframeRef.current) {
                 setIsInvisible(false);
             }
-        }, 500);
+        }, 300);
     }, [iframeRef]);
 
     useEffect(() => {
@@ -50,15 +50,10 @@ const PortalFrame: React.FC<PortalFrameProps> = ({href, onDestroyed, selectedTab
     }
 
     return (
-        <>
-            {isInvisible && (
-                <div className="mt-[-7%] flex h-screen items-center justify-center">
-                    <span><LoadingIndicator /></span>
-                </div>
-            ) }
+        <>{isInvisible && <div className="mt-[-7%] flex h-screen items-center justify-center"><span><LoadingIndicator /></span></div>}
             <iframe
                 ref={iframeRef}
-                className={hasLoaded && !isInvisible ? '' : 'hidden'}
+                className={!isInvisible && hasLoaded ? '' : 'hidden'}
                 data-testid="portal-preview"
                 height="100%"
                 src={href}