diff --git a/app/src/PromLens/NodeVisualizer/ExplainViews/BinaryExpr/VectorVector.tsx b/app/src/PromLens/NodeVisualizer/ExplainViews/BinaryExpr/VectorVector.tsx index 5b3bb3e..6bf888d 100644 --- a/app/src/PromLens/NodeVisualizer/ExplainViews/BinaryExpr/VectorVector.tsx +++ b/app/src/PromLens/NodeVisualizer/ExplainViews/BinaryExpr/VectorVector.tsx @@ -7,6 +7,7 @@ import { parsePrometheusFloat, formatPrometheusFloat } from '../../../../utils/u import { labelNameList } from '../../../../utils/LabelNameList'; import { isComparisonOperator, isSetOperator } from '../../../../promql/utils'; import { Alert, Table, Form } from 'react-bootstrap'; +import { useLocalStorage } from '../../../../hooks/useLocalStorage'; interface VectorVectorBinaryExprExplainViewProps { node: BinaryExpr; @@ -118,7 +119,10 @@ const explanationText = (node: BinaryExpr): React.ReactNode => { }; const VectorVectorBinaryExprExplainView: FC = ({ node, lhs, rhs }) => { - const [allowLineBreaks, setAllowLineBreaks] = useState(false); + const [allowLineBreaks, setAllowLineBreaks] = useLocalStorage( + 'promlens.explain.binary-operators.break-long-lines', + true + ); const { matching } = node; if (matching === null) {