license import { Button , Classes , Dialog , Intent } from "@blueprintjs/core" ; import React from "react" ; interface Props { onHide ( ) : void ; } /**
 * A 404 modal that is rendered when the 404 query is set.
 *
 * 404.html (which GitHub pages will render for every unmatched URL) redirects to
 * '/?404=1', which renders <App 404="1" />, which results in this modal being shown.
 */ export default class Modal404 extends React . PureComponent < Props > { render ( ) { return ( < Dialog title = "Page not found" isOpen = { true } onClose = { this . props . onHide } > < div className = { Classes . DIALOG_BODY } > < p > The requested page may have been moved or deleted . < /p> < p > Hacklily is a free online sheet - music editor and publishing tool . While you are here , why not give it a try ? < /p> < /div> < div className = { Classes . DIALOG_FOOTER } > < div className = { Classes . DIALOG_FOOTER_ACTIONS } > < Button onClick = { this . props . onHide } intent = { Intent . PRIMARY } > Continue < /Button> < /div> < /div> < /Dialog>); } }