29 lines
752 B
JavaScript
29 lines
752 B
JavaScript
import { useEditorContext } from '../../../shared/context/editor-context'
|
|
import { useTranslation } from 'react-i18next'
|
|
import PropTypes from 'prop-types'
|
|
|
|
export default function SymbolPaletteCloseButton() {
|
|
const { toggleSymbolPalette } = useEditorContext()
|
|
const { t } = useTranslation()
|
|
|
|
const handleClick = () => {
|
|
toggleSymbolPalette()
|
|
window.dispatchEvent(new CustomEvent('editor:focus'))
|
|
}
|
|
|
|
return (
|
|
<div className="symbol-palette-close-button-outer">
|
|
<button
|
|
type="button"
|
|
className="btn-close symbol-palette-close-button"
|
|
onClick={handleClick}
|
|
aria-label={t('close')}
|
|
>
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
SymbolPaletteCloseButton.propTypes = {
|
|
focusInput: PropTypes.func,
|
|
}
|