show eval graph when validation status exists

Author: wbglaeser

src/ui/language/translations.js

@@ -374,8 +374,8 @@ const translations = {
                 manyMore: "Viele Weitere",
                 bielefeld: {
                     headerPilot: "Pilotprojekt Bielefeld",
-                    headerShard1: "Entdecke Deine Hilfe in Bielefeld",
-                    subHeader: "Finde Förderprogramme, die zu dir und deiner Situation in Bielefeld passen. Beantworte einfach ein paar Fragen und wir zeigen dir, auf welche Programme du Anspruch haben könntest.",
+                    headerShard1: "Entdecke Deine Möglichkeiten in Bielefeld",
+                    subHeader: "Finde Leistungsangebote, die zu dir und deiner Situation in Bielefeld passen. Beantworte einfach ein paar Fragen und wir zeigen dir, auf welche Programme du Anspruch haben könntest.",
                     pilotButton: "Pilotprojekt",
                     regularButton: "Alle Leistungen prüfen",
                 }

src/ui/screens/benefit-page/BenefitPageScreen.js

@@ -166,7 +166,7 @@ const BenefitPageScreen = ({
                         }
                         {/* <RecursiveRulesTable rootNodes={matchingGraph?.rootNodes} t={t} /> */}
                         {featureFlags.showMermaidRuleGraph &&
-                            <MermaidRulesGraph evalGraph={matchingGraph} t={t} />
+                            <MermaidRulesGraph evalGraph={matchingGraph} validatedStatus={validatedStatus} />
                         }
                     </Box>
                 </VBox>

src/ui/screens/benefit-page/components/MermaidRulesGraph.js

@@ -8,10 +8,10 @@ import RegularButton from "@/ui/shared-components/buttons/RegularButton";
 import { graphToMermaid } from "@foerderfunke/matching-engine/src/rule-graph/EvalGraph";
 import matchingEngineManager from "@/core/managers/matchingEngineManager";
 
-export default function MermaidRulesGraph({ evalGraph, t }) {
+export default function MermaidRulesGraph({ evalGraph, validatedStatus }) {
     // make SVG zoomable TODO
     const [svgContent, setSvgContent] = useState("");
-    const [graphTypeEval, setGraphTypeEval] = useState(true);
+    const [graphTypeEval, setGraphTypeEval] = useState(!validatedStatus);
     const [printLabels, setPrintLabels] = useState(true);
     const [orientationVertical, setOrientationVertical] = useState(false);