Include tags as filter option in bielefunke mode

Author: benjaminaaron

package.json

@@ -8,7 +8,7 @@
     "@babel/plugin-transform-private-property-in-object": "^7.24.7",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@foerderfunke/matching-engine": "^1.2.8",
+    "@foerderfunke/matching-engine": "^1.3.0",
     "@mui/icons-material": "^5.15.19",
     "@mui/material": "^5.15.19",
     "@mui/x-charts": "^7.6.2",

src/ui/language/translations.js

@@ -240,6 +240,7 @@ const translations = {
                     administrativeLevels: "Administrative level",
                     providingAgencies: "Providing agency",
                     associatedLaws: "Associated law",
+                    tags: "Tag",
                 },
                 item: {
                     eligible: "You are likely eligible",
@@ -557,6 +558,7 @@ const translations = {
                     administrativeLevels: "Verwaltungsebene",
                     providingAgencies: "Zuständige Behörde",
                     associatedLaws: "Zugehöriges Gesetz",
+                    tags: "Schlagwort",
                 },
                 item: {
                     eligible: "Sie haben womöglich Anspruch",

src/ui/screens/eligibilty-overview/components/EligibilityOverviewItem.js

@@ -14,7 +14,8 @@ const filterKeys = [
     'benefitCategories',
     'administrativeLevels',
     'associatedLaws',
-    'providingAgencies'
+    'providingAgencies',
+    'tags'
 ];
 
 const EligibilityOverviewItem = ({ t, item, eligible }) => {

src/ui/screens/eligibilty-overview/hooks/useEligibilityData.js

@@ -1,4 +1,5 @@
 import { useMemo } from "react";
+import featureFlags from "@/featureFlags";
 
 const useEligibilityData = (validationReport, metadata, hydrationData, language) => {
   return useMemo(() => {
@@ -69,6 +70,15 @@ const useEligibilityData = (validationReport, metadata, hydrationData, language)
           }))
         : [];
 
+        // tags
+        const rawTags = rpMetadata?.['ff:tag'];
+        const tags = rawTags
+            ? (Array.isArray(rawTags) ? rawTags : [rawTags])
+                .map(tag => ({
+                    id: tag['@id'],
+                    label: defDict[tag['@id']] || ''
+                }))
+            : [];
 
       // benefit categories
       const rawCategories = rpMetadata?.['ff:category'];
@@ -95,6 +105,7 @@ const useEligibilityData = (validationReport, metadata, hydrationData, language)
         validationStage,
         associatedLaws,
         providingAgencies,
+        tags,
         administrativeLevels,
         benefitCategories
       };
@@ -138,6 +149,17 @@ const useEligibilityData = (validationReport, metadata, hydrationData, language)
       ),
     };
 
+    if (featureFlags.bielefunke) {
+      filterOptions.tags = Array.from(
+        new Map(
+          allReports
+            .flatMap(r => r.tags || [])
+            .filter(Boolean)
+            .map(cat => [cat.id, cat])
+          ).values()
+        )
+    }
+
     const eligibilityData = allReports.reduce((acc, report) => {
       const { category, result } = report;
 

src/ui/screens/eligibilty-overview/hooks/useFilterEligibilityData.js

@@ -8,7 +8,8 @@ const useFilterEligibilityData = (eligibilityData, filters) => {
                 'providingAgencies',
                 'associatedLaws',
                 'benefitCategories',
-                'administrativeLevels'
+                'administrativeLevels',
+                'tags'
             ];
 
             const passesAllFilters = item => {

src/ui/screens/landing-page/sections/top-section/LandingPageTopSection.js

@@ -27,7 +27,7 @@ const LandingPageTopSection = ({ runway }) => {
                                     <Typography variant="body1" sx={{ textAlign: 'left' }}>
                                         Gebt uns gerne Feedback: (dedicated email address?)
                                         <br/><br/>
-                                        Siehe <Link to={"/eligibility-overview"}>hier</Link> die Leistungen die wir im Rahmen des Pilotprojekts bis jetzt eingepflegt haben.
+                                        <Link to="/eligibility-overview?tags=ff%3Abielefunke">hier</Link> die Leistungen die wir im Rahmen des Pilotprojekts bis jetzt eingepflegt haben.
                                     </Typography>
                                 </>
                             )}