feat(mobile): klickbara högtids-chips som söker högtidsmaten (MIKRO E2)
CI / Typecheck, test & build (push) Failing after 47s
CI / Typecheck, test & build (push) Failing after 47s
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { View } from "react-native";
|
import { Pressable, View } from "react-native";
|
||||||
import { router } from "expo-router";
|
import { router } from "expo-router";
|
||||||
import { useQuery } from "@tanstack/react-query";
|
import { useQuery } from "@tanstack/react-query";
|
||||||
import { api } from "@/lib/api";
|
import { api } from "@/lib/api";
|
||||||
@@ -106,9 +106,18 @@ export default function WhatToEatScreen() {
|
|||||||
{query.data && (
|
{query.data && (
|
||||||
<>
|
<>
|
||||||
{query.data.context.activeHolidays.length > 0 && (
|
{query.data.context.activeHolidays.length > 0 && (
|
||||||
<Row>
|
<Row style={{ flexWrap: "wrap" }}>
|
||||||
{query.data.context.activeHolidays.map((holiday) => (
|
{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>
|
</Row>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user