{
+ const [showEmbeddedIframeModal, setEmbeddedIframeModal] = useState(false)
+
+ const {
+ FEATURE_PROMO_EMBEDDED_BUTTON_TEXT,
+ FEATURE_PROMO_EMBEDDED_MODAL_TITLE,
+ FEATURE_PROMO_EMBEDDED_IFRAME_URL,
+ } = window._env_
+
+ const onClickShowIframeModal = useCallback(() => setEmbeddedIframeModal(true), [])
+ const onClickCloseIframeModal = useCallback(() => setEmbeddedIframeModal(false), [])
+
+ const renderIframeDrawer = () => (
+
+
+
+
+ {FEATURE_PROMO_EMBEDDED_MODAL_TITLE || FEATURE_PROMO_EMBEDDED_BUTTON_TEXT}
+
+ }
+ showAriaLabelInTippy={false}
+ />
+
+ {FEATURE_PROMO_EMBEDDED_IFRAME_URL ? (
+
+ ) : (
+
+
+
+ )}
+
+ )
+
+ return (
+
+ {FEATURE_PROMO_EMBEDDED_BUTTON_TEXT && (
+
+ )}
+ {showEmbeddedIframeModal && renderIframeDrawer()}
+
+ )
+}
diff --git a/src/Shared/Components/Header/PageHeader.tsx b/src/Shared/Components/Header/PageHeader.tsx
index eddfc87ac..aa2bc51eb 100644
--- a/src/Shared/Components/Header/PageHeader.tsx
+++ b/src/Shared/Components/Header/PageHeader.tsx
@@ -32,6 +32,7 @@ import { ReactComponent as DropDownIcon } from '../../../Assets/Icon/ic-chevron-
import AnnouncementBanner from '../AnnouncementBanner/AnnouncementBanner'
import { useMainContext, useUserEmail } from '../../Providers'
import { InfoIconTippy } from '../InfoIconTippy'
+import { IframePromoButton } from './IframePromoButton'
const PageHeader = ({
headerName,
@@ -121,8 +122,8 @@ const PageHeader = ({
const renderLogoutHelpSection = () => (
<>
-
-
+
+
@@ -156,6 +157,8 @@ const PageHeader = ({
Beta
)
+ const renderIframeButton = () =>
+
return (
{showTabs && (
-
+
+ {renderIframeButton()}
{typeof renderActionButtons === 'function' && renderActionButtons()}
{renderLogoutHelpSection()}
@@ -258,8 +262,9 @@ const PageHeader = ({
/>
)}
{!showTabs && (
-
+
{typeof renderActionButtons === 'function' && renderActionButtons()}
+ {renderIframeButton()}
{renderLogoutHelpSection()}
)}
diff --git a/src/index.ts b/src/index.ts
index 63ee96403..afc962cc4 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -77,6 +77,9 @@ export interface customEnv {
FEATURE_STEP_WISE_LOGS_ENABLE?: boolean
FEATURE_IMAGE_PROMOTION_ENABLE?: boolean
FEATURE_CONFIG_DRIFT_ENABLE: boolean
+ FEATURE_PROMO_EMBEDDED_BUTTON_TEXT?: string
+ FEATURE_PROMO_EMBEDDED_MODAL_TITLE?: string
+ FEATURE_PROMO_EMBEDDED_IFRAME_URL?: string
}
declare global {
interface Window {