From 53c9d9d01d16a1d389583be6ff18d53e58a44253 Mon Sep 17 00:00:00 2001
From: "Sven (AAMOS AI)" <sven@wavult.com>
Date: Fri, 14 Aug 2026 22:51:52 +0700
Subject: [PATCH] =?UTF-8?q?feat(mobile):=20klickbara=20h=C3=B6gtids-chips?=
 =?UTF-8?q?=20som=20s=C3=B6ker=20h=C3=B6gtidsmaten=20(MIKRO=20E2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/mobile/src/app/(tabs)/index.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/src/app/(tabs)/index.tsx b/apps/mobile/src/app/(tabs)/index.tsx
index 7209458..5a7169b 100644
--- a/apps/mobile/src/app/(tabs)/index.tsx
+++ b/apps/mobile/src/app/(tabs)/index.tsx
@@ -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>
           )}