v5.5.3

netdata · Dec 20, 2024 · a6435ed · a6435ed
1 parent b99a854
commit a6435ed
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/charts",
-  "version": "5.5.2",
+  "version": "5.5.3",
   "description": "Netdata frontend SDK and chart utilities",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

diff --git a/src/components/header/index.js b/src/components/header/index.js
@@ -2,6 +2,7 @@ import React, { Fragment } from "react"
 import { Flex } from "@netdata/netdata-ui"
 import { useAttributeValue, useIsMinimal } from "@/components/provider"
 import Toolbox from "@/components/toolbox"
+import FilterToolbox from "@/components/filterToolbox"
 import Separator from "@/components/line/separator"
 import { Title } from "@/components/title"
 
@@ -25,8 +26,10 @@ export const Container = props => {
   )
 }
 
-const Header = () => {
+const Header = ({ hasFilters }) => {
+  const isMinimal = useIsMinimal()
   const leftHeaderElements = useAttributeValue("leftHeaderElements")
+  const focused = useAttributeValue("focused")
 
   return (
     <Container>
@@ -37,6 +40,7 @@ const Header = () => {
         </Fragment>
       ))}
       <Title />
+      {isMinimal && hasFilters && <FilterToolbox opacity={focused ? 1 : 0.7} />}
       <Toolbox />
     </Container>
   )

diff --git a/src/components/line/index.js b/src/components/line/index.js
@@ -43,8 +43,8 @@ export const Line = forwardRef(
         {...rest}
         {...(isMinimal && { border: 0 })}
       >
-        {hasHeader && <Header />}
-        {hasFilters && <FilterToolbox opacity={focused ? 1 : 0.7} />}
+        {hasHeader && <Header hasFilters={hasFilters} />}
+        {!isMinimal && hasFilters && <FilterToolbox opacity={focused ? 1 : 0.7} />}
         <ContentWrapper>
           {showingInfo ? <Details /> : <ChartContentWrapper uiName={uiName} />}
         </ContentWrapper>