| 1 |
import { render as renderDeprecated, createRoot } from '@wordpress/element'; |
| 2 |
import { __ } from '@wordpress/i18n'; |
| 3 |
import { AssistLandingPage } from '@assist/AssistLandingPage'; |
| 4 |
import '@assist/app.css'; |
| 5 |
|
| 6 |
const render = (component, node) => { |
| 7 |
if (typeof createRoot !== 'function') { |
| 8 |
renderDeprecated(component, node); |
| 9 |
return; |
| 10 |
} |
| 11 |
createRoot(node).render(component); |
| 12 |
}; |
| 13 |
|
| 14 |
const init = () => { |
| 15 |
const assistPage = document.getElementById('extendify-assist-landing-page'); |
| 16 |
if (!assistPage) return; |
| 17 |
// append skip link to get here |
| 18 |
document |
| 19 |
.querySelector('.screen-reader-shortcut') |
| 20 |
.insertAdjacentHTML( |
| 21 |
'afterend', |
| 22 |
`<a href="#extendify-assist-landing-page" class="screen-reader-shortcut">${__( |
| 23 |
'Skip to Assist', |
| 24 |
'extendify-local', |
| 25 |
)}</a>`, |
| 26 |
); |
| 27 |
render(<AssistLandingPage />, assistPage); |
| 28 |
}; |
| 29 |
init(); |
| 30 |
|
