corey/PeerScribe
1
0
Fork 0
mirror of https://github.com/abhay-raizada/PeerScribe.git synced 2026-04-27 00:34:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add different forms

Browse Source
This commit is contained in:
abhay-raizada
2024-06-17 15:22:27 +05:30
parent 6720585cf5
commit a1df7afb0e
4 changed files with 408 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
components/PrescriptionCreator/AddressForm.tsx
View File

@@ -2,8 +2,6 @@ import {Text, TextInput, View} from 'react-native';
import {Section} from './Section';
import {styles, TextTheme} from './styles';
import {useState} from 'react';
import DatePicker from 'react-native-date-picker';
import {Button} from '@ant-design/react-native';
interface AddressForm {
address_line_1?: string;
@@ -21,7 +19,6 @@ export const AddressForm: React.FC<AddressFormProps> = ({
nestedFormCallback,
}) => {
const [form, setForm] = useState<AddressForm>({});
const [openDate, setOpenDate] = useState<boolean>(false);
const handleTextChange = (tag: keyof AddressForm, text: string) => {
let newForm = {...form};
@@ -34,10 +31,10 @@ export const AddressForm: React.FC<AddressFormProps> = ({
<Section title="Address">
<View>
<View>
<Text style={TextTheme}>Name</Text>
<Text style={TextTheme}>Address Line 1</Text>
<TextInput
style={styles.input}
placeholder="Address Line 1"
placeholder="Enter street"
value={form.address_line_1}
placeholderTextColor="white"
onChangeText={(text: string) =>
@@ -45,6 +42,52 @@ export const AddressForm: React.FC<AddressFormProps> = ({
}
/>
</View>
<View>
<Text style={TextTheme}>City</Text>
<TextInput
style={styles.input}
placeholder="Enter city"
value={form.city}
placeholderTextColor="white"
onChangeText={(text: string) => handleTextChange('city', text)}
/>
</View>
<View>
<Text style={TextTheme}>State Provice</Text>
<TextInput
style={styles.input}
placeholder="enter state..."
value={form.state_province}
placeholderTextColor="white"
onChangeText={(text: string) =>
handleTextChange('state_province', text)
}
/>
</View>
<View>
<Text style={TextTheme}>Postal Code</Text>
<TextInput
style={styles.input}
placeholder="Enter postal code..."
value={form.postal_code}
placeholderTextColor="light"
onChangeText={(text: string) =>
handleTextChange('postal_code', text)
}
/>
</View>
<View>
<Text style={TextTheme}>Country Code</Text>
<TextInput
style={styles.input}
placeholder="Enter Country Code..."
value={form.country_code}
placeholderTextColor="light"
onChangeText={(text: string) =>
handleTextChange('country_code', text)
}
/>
</View>
</View>
</Section>
);