diff --git a/mobile-app/components/commons/inputs/TextInputWithLabel.tsx b/mobile-app/components/commons/inputs/TextInputWithLabel.tsx index b8813b6..3466b62 100644 --- a/mobile-app/components/commons/inputs/TextInputWithLabel.tsx +++ b/mobile-app/components/commons/inputs/TextInputWithLabel.tsx @@ -1,4 +1,4 @@ -import {StyleProp, Text, TextInput, TextInputProps, View} from 'react-native' +import {StyleProp, Text, TextInput, TextInputProps, View, ViewStyle} from 'react-native' import {getColor, tailwind} from "@tailwind"; import {forwardRef, useState} from 'react' import * as Device from 'expo-device' @@ -7,7 +7,7 @@ import {BottomSheetTextInput} from "@gorhom/bottom-sheet"; export interface TextInputWithLabelProps extends TextInputProps { labelStyle?:StyleProp - containerStyle?:StyleProp + containerStyle?:StyleProp label: string labelTestId: string moreInfo?: string, diff --git a/mobile-app/screens/AppNavigator/ListingsNavigator/screens/AddOption.tsx b/mobile-app/screens/AppNavigator/ListingsNavigator/screens/AddOption.tsx index 4c75400..f840861 100644 --- a/mobile-app/screens/AppNavigator/ListingsNavigator/screens/AddOption.tsx +++ b/mobile-app/screens/AppNavigator/ListingsNavigator/screens/AddOption.tsx @@ -1,4 +1,13 @@ -import {Dimensions, KeyboardAvoidingView, ScrollView, StyleProp, Text, View, ViewProps} from 'react-native' +import { + Dimensions, + KeyboardAvoidingView, + ScrollView, + ScrollViewProps, + StyleProp, + Text, + View, + ViewProps, ViewStyle +} from 'react-native' import {tailwind} from '@tailwind' import {ModalTextInput} from "@components/commons/inputs/TextInputWithLabel"; import {PropsWithChildren, useEffect, useRef, useState} from "react"; @@ -236,7 +245,7 @@ return true } -export function SectionWithAddButton (props: PropsWithChildren<{onPress: () => void, sectionName: string, height?: number, style?: StyleProp}>): JSX.Element { +export function SectionWithAddButton (props: PropsWithChildren<{onPress: () => void, sectionName: string, height?: number, style?: StyleProp}>): JSX.Element { return ( , heading: string, fullWidth?: boolean}>): JSX.Element { +export function OrderSection (props:PropsWithChildren<{width?: StyleProp, heading: string, fullWidth?: boolean}>): JSX.Element { const {heading , children, fullWidth = true} = props return ( ) => void, type: CategoryType, order: any}>) => ( - - ) - return ( - -