[Enterprise Search][Search Application] Add warning icon next to Configuration button when schema conflict (#158636)

## Summary

Add warning icon next to configuration button when there is a schema conflict


### Screen Recording



38375c3b-7e2b-42f5-ba3c-e3ca1b1cc193

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Saarika Bhasi 2023-05-31 17:01:27 -04:00 committed by GitHub
parent f630d90697
commit a21ddd02b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -136,19 +136,22 @@ const ConfigurationPopover: React.FC<ConfigurationPopOverProps> = ({
panelPaddingSize="none"
closePopover={setCloseConfiguration}
button={
<EuiButtonEmpty
color="primary"
iconType="arrowDown"
iconSide="right"
onClick={setCloseConfiguration}
>
{i18n.translate(
'xpack.enterpriseSearch.content.engine.searchPreview.configuration.buttonTitle',
{
defaultMessage: 'Configuration',
}
)}
</EuiButtonEmpty>
<EuiFlexGroup alignItems="center" gutterSize="xs">
{hasSchemaConflicts && <EuiIcon type="alert" color="danger" />}
<EuiButtonEmpty
color="primary"
iconType="arrowDown"
iconSide="right"
onClick={setCloseConfiguration}
>
{i18n.translate(
'xpack.enterpriseSearch.content.engine.searchPreview.configuration.buttonTitle',
{
defaultMessage: 'Configuration',
}
)}
</EuiButtonEmpty>
</EuiFlexGroup>
}
>
<EuiContextMenuPanel style={{ width: 300 }}>