| 1 |
import { useEffect, useState } from 'react'; |
| 2 |
import Raven from '../lib/Raven'; |
| 3 |
|
| 4 |
const IFRAME_DISPLAY_TIMEOUT = 5000; |
| 5 |
|
| 6 |
export function useIframeNotRendered(app: string) { |
| 7 |
const [iframeNotRendered, setIframeNotRendered] = useState(false); |
| 8 |
useEffect(() => { |
| 9 |
const timer = setTimeout(() => { |
| 10 |
const iframe = document.getElementById(app); |
| 11 |
if (!iframe) { |
| 12 |
Raven.captureException(new Error(`Leadin Iframe blocked`), { |
| 13 |
fingerprint: ['IFRAME_SETUP_ERROR'], |
| 14 |
}); |
| 15 |
setIframeNotRendered(true); |
| 16 |
} |
| 17 |
}, IFRAME_DISPLAY_TIMEOUT); |
| 18 |
|
| 19 |
return () => { |
| 20 |
if (timer) { |
| 21 |
clearTimeout(timer); |
| 22 |
} |
| 23 |
}; |
| 24 |
}, []); |
| 25 |
|
| 26 |
return iframeNotRendered; |
| 27 |
} |
| 28 |
|
| 29 |
export const resizeWindow = () => { |
| 30 |
const adminMenuWrap = document.getElementById('adminmenuwrap'); |
| 31 |
const sideMenuHeight = adminMenuWrap ? adminMenuWrap.offsetHeight : 0; |
| 32 |
const adminBar = document.getElementById('wpadminbar'); |
| 33 |
const adminBarHeight = (adminBar && adminBar.offsetHeight) || 0; |
| 34 |
const offset = 4; |
| 35 |
if (window.innerHeight < sideMenuHeight) { |
| 36 |
return sideMenuHeight - offset; |
| 37 |
} else { |
| 38 |
return window.innerHeight - adminBarHeight - offset; |
| 39 |
} |
| 40 |
}; |
| 41 |
|
