show evaluated graph when elig is determined

Author: wbglaeser

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

@@ -35,7 +35,7 @@ const BenefitPageScreen = ({
                             )
                         }
                         {featureFlags.showMermaidRuleGraph &&
-                            <BenefitPageRequirements t={t} isDesktop={isDesktop} evalGraph={matchingGraph} benefitPageData={benefitPageData} />
+                            <BenefitPageRequirements t={t} validatedStatus={validatedStatus} isDesktop={isDesktop} evalGraph={matchingGraph} />
                         }
                     </VBox>
                 </VBox>

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

@@ -6,7 +6,7 @@ import BenefitPageMarkdownElement from './BenefitPageMarkDownElement';
 import RegularButton from '@/ui/shared-components/buttons/RegularButton';
 import FlowChart from '@/ui/shared-components/flow-chart/FlowChart';
 
-const BenefitPageRequirements = ({ t, isDesktop, evalGraph, benefitPageData }) => {
+const BenefitPageRequirements = ({ t, validatedStatus, isDesktop, evalGraph }) => {
     const [open, setOpen] = useState(false);
     const objectIcon = `${process.env.PUBLIC_URL}/assets/images/benefit-pages/tree.svg`;
 
@@ -46,7 +46,7 @@ const BenefitPageRequirements = ({ t, isDesktop, evalGraph, benefitPageData }) =
                 </HBox>
                 {
                     open && (
-                        <FlowChart evalGraph={evalGraph} />
+                        <FlowChart evalGraph={evalGraph} validatedStatus={validatedStatus} />
                     )
                 }
             </VBox>

src/ui/shared-components/flow-chart/FlowChart.js

@@ -70,11 +70,11 @@ mermaid.initialize({
 });
 
 
-export default function FlowChart({ evalGraph }) {
+export default function FlowChart({ evalGraph, validatedStatus }) {
     const { t } = useTranslation();
 
     const [svgContent, setSvgContent] = useState("");
-    const [graphTypeEval, setGraphTypeEval] = useState(false);
+    const [graphTypeEval, setGraphTypeEval] = useState(validatedStatus);
     const printLabels = true;
     const orientationVertical = false;