added code for the change of design of the sidebar, fixed overriding … (

opensearch-project#928) * added code for the change of design of the sidebar, fixed overriding spinner bug, changed font size Signed-off-by: sumukhswamy <[email protected]> * addressed PR comments Signed-off-by: sumukhswamy <[email protected]> * code for overriding pattern Signed-off-by: sumukhswamy <[email protected]> * updated snapshots Signed-off-by: sumukhswamy <[email protected]> --------- Signed-off-by: sumukhswamy <[email protected]>
derek-ho · Oct 4, 2023 · 4f172cf · 4f172cf
1 parent 2e2ab17
commit 4f172cf
Show file tree

Hide file tree

Showing 6 changed files with 210 additions and 181 deletions.
diff --git a/public/components/event_analytics/explorer/explorer.tsx b/public/components/event_analytics/explorer/explorer.tsx
@@ -642,6 +642,7 @@ export const Explorer = ({
     isOverridingTimestamp,
     query,
     isLiveTailOnRef.current,
+    isOverridingPattern
   ]);
 
   const visualizations: IVisualizationContainerProps = useMemo(() => {

diff --git a/...c/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap b/...c/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`Field component Renders a sidebar field 1`] = `
     anchorPosition="rightUp"
     button={
       <FieldButton
-        className="shard__fieldSelectorField explorer__fieldSelectorField"
+        className="shard__fieldSelectorField explorer__fieldSelectorField vbFieldButton"
         dataTestSubj="field-agent-showDetails"
         fieldAction={
           <React.Fragment>
@@ -87,7 +87,7 @@ exports[`Field component Renders a sidebar field 1`] = `
         }
         isActive={false}
         onClick={[Function]}
-        size="m"
+        size="s"
       />
     }
     closePopover={[Function]}
@@ -105,7 +105,7 @@ exports[`Field component Renders a sidebar field 1`] = `
         className="euiPopover__anchor"
       >
         <FieldButton
-          className="shard__fieldSelectorField explorer__fieldSelectorField"
+          className="shard__fieldSelectorField explorer__fieldSelectorField vbFieldButton"
           dataTestSubj="field-agent-showDetails"
           fieldAction={
             <React.Fragment>
@@ -171,10 +171,10 @@ exports[`Field component Renders a sidebar field 1`] = `
           }
           isActive={false}
           onClick={[Function]}
-          size="m"
+          size="s"
         >
           <div
-            className="osdFieldButton shard__fieldSelectorField explorer__fieldSelectorField"
+            className="osdFieldButton osdFieldButton--small shard__fieldSelectorField explorer__fieldSelectorField vbFieldButton"
           >
             <button
               className="osd-resetFocusState osdFieldButton__button"