Skip to content

Commit

Permalink
use coreRefs.queryAssistEnabled to minimize change
Browse files Browse the repository at this point in the history 
Signed-off-by: Joshua Li <[email protected]>
  • Loading branch information
@joshuali925
joshuali925 committed Jan 26, 2024
1 parent ab98a3e commit 2e228a4
Show file tree
Hide file tree
Showing 3 changed files with 100 additions and 157 deletions.
200 changes: 99 additions & 101 deletions public/components/event_analytics/explorer/explorer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,7 @@ import {
TAB_EVENT_TITLE,
TIME_INTERVAL_OPTIONS,
} from '../../../../common/constants/explorer';
import { QUERY_ASSIST_API } from '../../../../common/constants/query_assist';
import {
LIVE_END_TIME,
LIVE_OPTIONS,
Expand Down Expand Up @@ -100,7 +101,6 @@ import { processMetricsData } from '../../custom_panels/helpers/utils';
import { selectSearchMetaData } from '../../event_analytics/redux/slices/search_meta_data_slice';
import { getVizContainerProps } from '../../visualizations/charts/helpers';
import { TabContext, useFetchEvents, useFetchPatterns, useFetchVisualizations } from '../hooks';
import { QueryAssistContextProvider, useQueryAssistContext } from '../hooks/use_query_assist';
import {
render as updateCountDistribution,
selectCountDistribution,
Expand Down Expand Up @@ -274,21 +274,21 @@ export const Explorer = ({
};
}, []);

console.count('rerender');
// useEffect(() => {
// if (coreRefs.queryAssistEnabled) {
// http
// .get<{ enabled: boolean; error?: string }>(QUERY_ASSIST_API.CONFIGURED)
// .catch(() => {
// console.warn('Failed to check if query assist is configured');
// return { enabled: false };
// })
// .then((response) => {
// coreRefs.queryAssistEnabled = response.enabled;
// setRefresh({});
// });
// }
// }, []);
useEffect(() => {
// query assist UI should only show when the feature is enabled and configured.
if (coreRefs.queryAssistEnabled) {
http
.get<{ enabled: boolean; error?: string }>(QUERY_ASSIST_API.CONFIGURED)
.catch(() => {
console.warn('Failed to check if query assist is configured');
return { enabled: false };
})
.then((response) => {
coreRefs.queryAssistEnabled = response.enabled;
setRefresh({});
});
}
}, []);

const getErrorHandler = (title: string) => {
return (error: any) => {
Expand Down Expand Up @@ -941,95 +941,93 @@ export const Explorer = ({
handleQueryChange,
}}
>
<QueryAssistContextProvider>
<EuiPage className="deLayout" paddingSize="none">
<EuiPageSideBar className="deSidebar" sticky>
<EuiSplitPanel.Outer className="eui-yScroll" hasBorder={true} borderRadius="none">
{!appLogEvents && (
<EuiSplitPanel.Inner paddingSize="s" color="subdued" grow={false}>
<DataSourceSelection tabId={initialTabId} />
</EuiSplitPanel.Inner>
)}
<EuiSplitPanel.Inner paddingSize="none" color="subdued" className="eui-yScroll">
<ObservabilitySideBar
tabId={initialTabId}
<EuiPage className="deLayout" paddingSize="none">
<EuiPageSideBar className="deSidebar" sticky>
<EuiSplitPanel.Outer className="eui-yScroll" hasBorder={true} borderRadius="none">
{!appLogEvents && (
<EuiSplitPanel.Inner paddingSize="s" color="subdued" grow={false}>
<DataSourceSelection tabId={initialTabId} />
</EuiSplitPanel.Inner>
)}
<EuiSplitPanel.Inner paddingSize="none" color="subdued" className="eui-yScroll">
<ObservabilitySideBar
tabId={initialTabId}
pplService={pplService}
notifications={notifications}
/>
</EuiSplitPanel.Inner>
</EuiSplitPanel.Outer>
</EuiPageSideBar>
<EuiPageBody className="deLayout__canvas">
<div
className={`obsExplorer dscAppContainer${
uiSettingsService.get('theme:darkMode') && ' explorer-dark'
}`}
>
<EuiFlexGroup direction="row">
<EuiFlexItem>
<SearchBar
key="search-component"
query={appLogEvents ? processAppAnalyticsQuery(tempQuery) : query[RAW_QUERY]}
tempQuery={tempQuery}
handleQueryChange={handleQueryChange}
handleQuerySearch={handleQuerySearch}
dslService={dslService}
startTime={startTime}
endTime={endTime}
setStartTime={setStartTime}
setEndTime={setEndTime}
handleTimePickerChange={(timeRange: string[]) =>
handleTimePickerChange(timeRange)
}
selectedPanelName={selectedPanelNameRef.current}
selectedCustomPanelOptions={selectedCustomPanelOptions}
setSelectedPanelName={setSelectedPanelName}
setSelectedCustomPanelOptions={setSelectedCustomPanelOptions}
handleSavingObject={handleSavingObject}
isPanelTextFieldInvalid={isPanelTextFieldInvalid}
savedObjects={savedObjects}
showSavePanelOptionsList={isEqual(selectedContentTabId, TAB_CHART_ID)}
handleTimeRangePickerRefresh={handleTimeRangePickerRefresh}
isLiveTailPopoverOpen={isLiveTailPopoverOpen}
closeLiveTailPopover={() => setIsLiveTailPopoverOpen(false)}
popoverItems={popoverItems}
isLiveTailOn={isLiveTailOnRef.current}
selectedSubTabId={selectedContentTabId}
searchBarConfigs={searchBarConfigs}
getSuggestions={parseGetSuggestions}
onItemSelect={onItemSelect}
tabId={tabId}
baseQuery={appBaseQuery}
stopLive={stopLive}
setIsLiveTailPopoverOpen={setIsLiveTailPopoverOpen}
liveTailName={liveTailNameRef.current}
curVisId={curVisId}
setSubType={setSubType}
http={http}
setIsQueryRunning={setIsQueryRunning}
isAppAnalytics={appLogEvents}
pplService={pplService}
notifications={notifications}
/>
</EuiSplitPanel.Inner>
</EuiSplitPanel.Outer>
</EuiPageSideBar>
<EuiPageBody className="deLayout__canvas">
<div
className={`obsExplorer dscAppContainer${
uiSettingsService.get('theme:darkMode') && ' explorer-dark'
}`}
>
<EuiFlexGroup direction="row">
<EuiFlexItem>
<SearchBar
key="search-component"
query={appLogEvents ? processAppAnalyticsQuery(tempQuery) : query[RAW_QUERY]}
tempQuery={tempQuery}
handleQueryChange={handleQueryChange}
handleQuerySearch={handleQuerySearch}
dslService={dslService}
startTime={startTime}
endTime={endTime}
setStartTime={setStartTime}
setEndTime={setEndTime}
handleTimePickerChange={(timeRange: string[]) =>
handleTimePickerChange(timeRange)
{explorerSearchMeta.isPolling ? (
<DirectQueryRunning tabId={tabId} />
) : (
<EuiTabbedContent
className="mainContentTabs"
initialSelectedTab={contentTabs[0]}
selectedTab={contentTabs.find((tab) => tab.id === selectedContentTabId)}
onTabClick={(selectedTab: EuiTabbedContentTab) =>
handleContentTabClick(selectedTab)
}
selectedPanelName={selectedPanelNameRef.current}
selectedCustomPanelOptions={selectedCustomPanelOptions}
setSelectedPanelName={setSelectedPanelName}
setSelectedCustomPanelOptions={setSelectedCustomPanelOptions}
handleSavingObject={handleSavingObject}
isPanelTextFieldInvalid={isPanelTextFieldInvalid}
savedObjects={savedObjects}
showSavePanelOptionsList={isEqual(selectedContentTabId, TAB_CHART_ID)}
handleTimeRangePickerRefresh={handleTimeRangePickerRefresh}
isLiveTailPopoverOpen={isLiveTailPopoverOpen}
closeLiveTailPopover={() => setIsLiveTailPopoverOpen(false)}
popoverItems={popoverItems}
isLiveTailOn={isLiveTailOnRef.current}
selectedSubTabId={selectedContentTabId}
searchBarConfigs={searchBarConfigs}
getSuggestions={parseGetSuggestions}
onItemSelect={onItemSelect}
tabId={tabId}
baseQuery={appBaseQuery}
stopLive={stopLive}
setIsLiveTailPopoverOpen={setIsLiveTailPopoverOpen}
liveTailName={liveTailNameRef.current}
curVisId={curVisId}
setSubType={setSubType}
http={http}
setIsQueryRunning={setIsQueryRunning}
isAppAnalytics={appLogEvents}
pplService={pplService}
tabs={contentTabs}
size="s"
/>
{explorerSearchMeta.isPolling ? (
<DirectQueryRunning tabId={tabId} />
) : (
<EuiTabbedContent
className="mainContentTabs"
initialSelectedTab={contentTabs[0]}
selectedTab={contentTabs.find((tab) => tab.id === selectedContentTabId)}
onTabClick={(selectedTab: EuiTabbedContentTab) =>
handleContentTabClick(selectedTab)
}
tabs={contentTabs}
size="s"
/>
)}
</EuiFlexItem>
</EuiFlexGroup>
</div>
</EuiPageBody>
</EuiPage>
</QueryAssistContextProvider>
)}
</EuiFlexItem>
</EuiFlexGroup>
</div>
</EuiPageBody>
</EuiPage>
</TabContext.Provider>
);
};
51 changes: 0 additions & 51 deletions public/components/event_analytics/hooks/use_query_assist.tsx
View file

This file was deleted.

6 changes: 1 addition & 5 deletions server/routes/query_assist/routes.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,7 @@ export function registerQueryAssistRoutes(router: IRouter, config: Observability
} = config.summarize;

/**
* The query assist feature is configured if the config is enabled and the PPL agent is configured.
* UI should only show when the feature is configured.
* Returns whether the PPL agent is configured.
*/
router.get(
{
Expand All @@ -36,9 +35,6 @@ export function registerQueryAssistRoutes(router: IRouter, config: Observability
request,
response
): Promise<IOpenSearchDashboardsResponse<any | ResponseError>> => {
if (!config.query_assist.enabled) {
return response.ok({ body: { enabled: false } });
}
const client = context.core.opensearch.client.asCurrentUser;
try {
// if the call does not throw any error, then agent is properly configured
Expand Down

0 comments on commit 2e228a4

Please sign in to comment.