ui changes

This commit is contained in:
Milan Paunovic
2024-10-13 11:37:44 +02:00
parent f4be82587c
commit 36329dc2f2
3 changed files with 76 additions and 78 deletions

View File

@ -1,12 +1,7 @@
import { View, Text } from "react-native"; import {Text, View} from "react-native";
import React, { RefObject, useEffect, useRef, useState } from "react"; import React, {useEffect, useRef} from "react";
import {TextField, TextFieldRef} from "react-native-ui-lib"; import {TextField, TextFieldRef} from "react-native-ui-lib";
import { import {GroceryCategory, IGrocery, useGroceryContext,} from "@/contexts/GroceryContext";
GroceryCategory,
IGrocery,
useGroceryContext,
} from "@/contexts/GroceryContext";
import { TouchableWithoutFeedback } from "react-native-gesture-handler";
interface IEditGrocery { interface IEditGrocery {
id?: number; id?: number;
@ -41,9 +36,12 @@ const EditGroceryItem = ({ editGrocery }: { editGrocery: IEditGrocery }) => {
width: "100%", width: "100%",
borderRadius: 25, borderRadius: 25,
padding: 15, padding: 15,
marginTop: 10
}} }}
> >
<TextField <TextField
text70T
style={{fontWeight: "400"}}
ref={inputRef} ref={inputRef}
placeholder="Grocery" placeholder="Grocery"
value={editGrocery.title} value={editGrocery.title}

View File

@ -75,7 +75,7 @@ const GroceryItem = ({
{!isEditingTitle ? ( {!isEditingTitle ? (
<View> <View>
<TouchableOpacity onPress={() => setIsEditingTitle(true)}> <TouchableOpacity onPress={() => setIsEditingTitle(true)}>
<Text text70T>{item.title}</Text> <Text text70T black style={{fontWeight: "400"}}>{item.title}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
) : ( ) : (

View File

@ -178,7 +178,6 @@ const GroceryList = () => {
{/* Approved Section */} {/* Approved Section */}
<View row spread marginT-40 marginB-0 centerV> <View row spread marginT-40 marginB-0 centerV>
<View row centerV> <View row centerV>
<Text text70BL>Shopping List</Text>
{approvedVisible && ( {approvedVisible && (
<AntDesign <AntDesign
name="down" name="down"
@ -201,6 +200,7 @@ const GroceryList = () => {
}} }}
/> />
)} )}
<Text text70BL>Shopping List</Text>
</View> </View>
<View <View
centerV centerV