Updated add entry form

parent d21f8417
...@@ -19,7 +19,7 @@ const AddData = () => { ...@@ -19,7 +19,7 @@ const AddData = () => {
if (!isNaN(sleepHoursValue)) { if (!isNaN(sleepHoursValue)) {
const postData = { const postData = {
Job_Satisfication: jobSatisfactionValue, Job_Satisfaction: jobSatisfactionValue,
Sleep_Hours: sleepHoursValue, Sleep_Hours: sleepHoursValue,
Text: Additional_Text, Text: Additional_Text,
isNew: false isNew: false
...@@ -53,6 +53,7 @@ const AddData = () => { ...@@ -53,6 +53,7 @@ const AddData = () => {
}} }}
> >
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<ScrollView contentContainerStyle={styles.scrollViewContent}>
<View style={styles.modalContent}> <View style={styles.modalContent}>
<View style={styles.radioGroup}> <View style={styles.radioGroup}>
<Text style={styles.radioLabel}>Select Your Job Satisfaction</Text> <Text style={styles.radioLabel}>Select Your Job Satisfaction</Text>
...@@ -119,6 +120,7 @@ const AddData = () => { ...@@ -119,6 +120,7 @@ const AddData = () => {
/> />
</View> </View>
</View> </View>
</ScrollView>
</View> </View>
</Modal> </Modal>
</View> </View>
...@@ -156,17 +158,17 @@ const styles = StyleSheet.create({ ...@@ -156,17 +158,17 @@ const styles = StyleSheet.create({
borderRadius: 6, borderRadius: 6,
top: 50, top: 50,
width: 200, width: 200,
display:'none', display: 'none',
}, },
Additionalinput: { Additionalinput: {
borderWidth: 1, borderWidth: 1,
borderColor: 'black', borderColor: 'black',
margin: 10, margin: -10,
padding: 10, padding: 10,
fontSize: 18, fontSize: 18,
borderRadius: 6, borderRadius: 6,
top: 15, top: -10,
height: 150, height: 220,
}, },
image: { image: {
width: '100%', width: '100%',
...@@ -182,12 +184,12 @@ const styles = StyleSheet.create({ ...@@ -182,12 +184,12 @@ const styles = StyleSheet.create({
height: '200%', height: '200%',
top: '-2%', top: '-2%',
}, },
scaleimg :{ scaleimg: {
width: '250%', width: '250%',
height: '13%', height: '13%',
left: -200, left: -200,
top: 280 , top: 280,
position:'absolute', position: 'absolute',
}, },
modalContainer: { modalContainer: {
flex: 1, flex: 1,
...@@ -199,8 +201,13 @@ const styles = StyleSheet.create({ ...@@ -199,8 +201,13 @@ const styles = StyleSheet.create({
backgroundColor: '#fff', backgroundColor: '#fff',
padding: 20, padding: 20,
borderRadius: 10, borderRadius: 10,
width: '90%', width: '96%',
height: '80%', minHeight: '90%',
marginLeft: 10,
},
scrollViewContent: {
flexGrow: 1,
justifyContent: 'center',
}, },
radioGroup: { radioGroup: {
marginBottom: 20, marginBottom: 20,
...@@ -278,7 +285,7 @@ const styles = StyleSheet.create({ ...@@ -278,7 +285,7 @@ const styles = StyleSheet.create({
marginBottom: 15, marginBottom: 15,
fontWeight: 'bold', fontWeight: 'bold',
color: '#7B241C', color: '#7B241C',
top: '5%', top: '-5%',
}, },
horizontalPicker: { horizontalPicker: {
marginTop: -10, marginTop: -10,
...@@ -312,6 +319,6 @@ const styles = StyleSheet.create({ ...@@ -312,6 +319,6 @@ const styles = StyleSheet.create({
fontSize: 16, fontSize: 16,
top: 40, top: 40,
fontWeight: 'bold', fontWeight: 'bold',
display:'none', display: 'none',
}, },
}); });
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment