import { StyleSheet } from "react-native"; import React from "react"; import { Dialog, Text, View, PanningProvider, Switch, Picker, PickerValue, } from "react-native-ui-lib"; import { GroceryFrequency, useGroceryContext, } from "@/contexts/GroceryContext"; import { IGrocery } from "@/hooks/firebase/types/groceryData"; interface EditGroceryFrequencyProps { visible: boolean; onClose: () => void; item: IGrocery; } const EditGroceryFrequency = (props: EditGroceryFrequencyProps) => { const { updateGroceryItem } = useGroceryContext(); const pickerItems = Object.values(GroceryFrequency).map((value) => ({ label: value, value: value, })); return ( Edit grocery frequency Recurring updateGroceryItem({id: props.item.id, recurring: value}) } onColor={"lime"} /> { const selectedFrequency = GroceryFrequency[item as keyof typeof GroceryFrequency]; if (selectedFrequency) { updateGroceryItem({ id: props.item.id, frequency: selectedFrequency, }); } else { console.error("Invalid frequency selected"); } }} /> ); }; export default EditGroceryFrequency; const styles = StyleSheet.create({ container: { paddingVertical: 10, display: "flex", flexDirection: "column", justifyContent: "space-between", }, inner: { paddingHorizontal: 20, display: "flex", flexDirection: "column", }, title: { fontSize: 20, fontWeight: "400", textAlign: "center", }, divider: { width: "100%", height: 1, backgroundColor: "#E0E0E0", marginVertical: 10, }, });