[ES|QL] Adds a tooltip at the quick reference icon (#225477)

## Summary

Adds a tooltip at the Quick reference icon, all the other icons have one
already

<img width="426" alt="image"
src="https://github.com/user-attachments/assets/667703cf-c85a-4b27-853e-696d5927f9a3"
/>
This commit is contained in:
Stratoula Kalafateli 2025-06-26 18:48:16 +02:00 committed by GitHub
parent 868a4657ee
commit b7e5336370
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -16,6 +16,7 @@ import {
EuiCode, EuiCode,
EuiButtonIcon, EuiButtonIcon,
EuiButtonEmpty, EuiButtonEmpty,
EuiToolTip,
} from '@elastic/eui'; } from '@elastic/eui';
import { Interpolation, Theme, css } from '@emotion/react'; import { Interpolation, Theme, css } from '@emotion/react';
import { useKibana } from '@kbn/kibana-react-plugin/public'; import { useKibana } from '@kbn/kibana-react-plugin/public';
@ -305,13 +306,20 @@ export const EditorFooter = memo(function EditorFooter({
/> />
)} )}
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiButtonIcon <EuiToolTip
iconType="documentation" position="top"
onClick={toggleLanguageComponent} content={i18n.translate('esqlEditor.query.quickReferenceLabel', {
aria-label={i18n.translate('esqlEditor.query.documentationAriaLabel', { defaultMessage: 'Quick reference',
defaultMessage: 'Open documentation',
})} })}
/> >
<EuiButtonIcon
iconType="documentation"
onClick={toggleLanguageComponent}
aria-label={i18n.translate('esqlEditor.query.documentationAriaLabel', {
defaultMessage: 'Open documentation',
})}
/>
</EuiToolTip>
</EuiFlexItem> </EuiFlexItem>
<KeyboardShortcuts /> <KeyboardShortcuts />
</EuiFlexGroup> </EuiFlexGroup>