Skip to content

[AI Infra] Disables the Install product doc button when the Knowledge Base hasn't been installed #226604

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
darnautov merged 2 commits into from
Jul 7, 2025
Merged

[AI Infra] Disables the Install product doc button when the Knowledge Base hasn't been installed #226604

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ae1498b
disable install button when kn isn't installed
darnautov Jul 4, 2025
dee4c35
Merge branch 'main' into hide-install-doc
elasticmachine Jul 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 40 additions & 7 deletions ...ility_ai_assistant_management/public/routes/components/settings_tab/product_doc_entry.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ import {
EuiFlexItem,
EuiHealth,
EuiLoadingSpinner,
EuiToolTip,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
Expand All @@ -30,6 +31,8 @@ export function ProductDocEntry() {
const knowledgeBase = useKnowledgeBase();
const selectedInferenceId: string | undefined = knowledgeBase.status.value?.currentInferenceId;

const canInstallProductDoc = selectedInferenceId !== undefined;

const [isInstalled, setInstalled] = useState<boolean>(false);
const [isInstalling, setInstalling] = useState<boolean>(false);

Expand Down Expand Up @@ -132,19 +135,49 @@ export function ProductDocEntry() {
</EuiFlexGroup>
);
}

const installButton = (
<EuiButton
data-test-subj="settingsTabInstallProductDocButton"
onClick={onClickInstall}
disabled={!canInstallProductDoc}
>
{i18n.translate(
'xpack.observabilityAiAssistantManagement.settingsPage.installProductDocButtonLabel',
{ defaultMessage: 'Install' }
)}
</EuiButton>
);

return (
<EuiFlexGroup justifyContent="flexStart" alignItems="center">
<EuiFlexItem grow={false}>
<EuiButton data-test-subj="settingsTabInstallProductDocButton" onClick={onClickInstall}>
{i18n.translate(
'xpack.observabilityAiAssistantManagement.settingsPage.installProductDocButtonLabel',
{ defaultMessage: 'Install' }
)}
</EuiButton>
{canInstallProductDoc ? (
installButton
) : (
<EuiToolTip
position="top"
content={i18n.translate(
'xpack.observabilityAiAssistantManagement.settingsPage.installDissabledTooltip',
{
defaultMessage: 'Knowledge Base has to be installed first.',
}
)}
>
{installButton}
</EuiToolTip>
)}
</EuiFlexItem>
</EuiFlexGroup>
);
}, [isInstalled, isInstalling, isStatusLoading, onClickInstall, onClickUninstall]);
}, [
canInstallProductDoc,
isInstalled,
isInstalling,
isStatusLoading,
onClickInstall,
onClickUninstall,
]);

return (
<EuiDescribedFormGroup
Expand Down