Catalog button to start quiz for selected benefits

Author: benjaminaaron

src/ui/screens/eligibilty-overview/EligibilityOverviewScreen.js

@@ -8,6 +8,7 @@ import EligibilityOverviewSection from "./components/EligibilityOverviewSection"
 import EligibilityOverviewFilter from './components/EligibilityOverviewFilter';
 import RegularButton from "@/ui/shared-components/buttons/RegularButton";
 import featureFlags from "@/featureFlags";
+import { useSelectedBenefitsStore } from "@/ui/storage/zustand";
 
 const EligibilityOverviewScreen = ({
     t,
@@ -16,12 +17,24 @@ const EligibilityOverviewScreen = ({
     filters,
     onChangeFilters,
 }) => {
+    const setSelectedBenefits = useSelectedBenefitsStore((state) => state.setSelectedBenefits);
 
     const atLeastOneWithMissingData = () => {
         return eligibilityData.business?.['ff:missingData']?.length > 0 ||
             eligibilityData.social_benefit?.['ff:missingData']?.length > 0;
     };
 
+    const doSetSelectedBenefits = () => {
+        const ids = [];
+        const collect = (section) => {
+            if (!section?.['ff:missingData']) return;
+            section['ff:missingData'].forEach(item => ids.push(item.uri));
+        };
+        collect(eligibilityData.social_benefit);
+        collect(eligibilityData.business);
+        setSelectedBenefits(ids);
+    }
+
     return (
         <Layout isApp={true} logo={true}>
             <AppScreenWrapperContainer back={true}>
@@ -35,7 +48,12 @@ const EligibilityOverviewScreen = ({
                             onChangeFilters={onChangeFilters}
                         />
                         {featureFlags.bielefunke && atLeastOneWithMissingData() &&
-                            <RegularButton text={"Noch offene Ansprüche prüfen"} variant={'yellowContained'} link='/user-routing' />
+                            <RegularButton
+                                text={"Noch offene Ansprüche prüfen"}
+                                variant={'yellowContained'}
+                                link='/onboarding-welcome'
+                                onClick={doSetSelectedBenefits}
+                            />
                         }
                         {
                             eligibilityData ? (

src/ui/screens/onboarding-pages/choice/OnboardingChoice.js

@@ -6,9 +6,11 @@ import useTranslation from "@/ui/language/useTranslation";
 import RegularButton from '@/ui/shared-components/buttons/RegularButton';
 import TileButton from '@/ui/shared-components/buttons/TileButton';
 import { HBox, VBox } from '@/ui/shared-components/LayoutBoxes';
+import { useSelectedBenefitsStore } from "@/ui/storage/zustand";
 
 const OnboardingChoice = () => {
     const { t } = useTranslation();
+    const clearSelectedBenefits = useSelectedBenefitsStore((state) => state.clear);
 
     return (
         <Layout isApp={true}>
@@ -31,6 +33,7 @@ const OnboardingChoice = () => {
                                 title={'app.discoverChoice.quickCheck'}
                                 subtitle='app.discoverChoice.quickCheckComment'
                                 link={"/onboarding-welcome-topics"}
+                                onClick={clearSelectedBenefits}
                             />
                         </HBox>
                     </VBox>