feat(mobile): klickbara högtids-chips som söker högtidsmaten (MIKRO E2)

2026-08-14 22:51:52 +07:00
parent 9c8ffbe2ab
commit 53c9d9d01d
1 changed files with 12 additions and 3 deletions
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { View } from "react-native";
+import { Pressable, View } from "react-native";
 import { router } from "expo-router";
 import { useQuery } from "@tanstack/react-query";
 import { api } from "@/lib/api";
@@ -106,9 +106,18 @@ export default function WhatToEatScreen() {
      {query.data && (
        <>
          {query.data.context.activeHolidays.length > 0 && (
-            <Row>
+            <Row style={{ flexWrap: "wrap" }}>
              {query.data.context.activeHolidays.map((holiday) => (
-                <Tag key={holiday} label={`🎉 ${holiday}`} tone="accent" />
+                <Pressable
+                  key={holiday}
+                  onPress={() => {
+                    setCraving(holiday);
+                    setSubmittedCraving(holiday);
+                    setPage(0);
+                  }}
+                >
+                  <Tag label={`🎉 ${holiday}`} tone="accent" />
+                </Pressable>
              ))}
            </Row>
          )}