small adjustments for next build
This commit is contained in:
parent
80169960e0
commit
6407a23ee0
@ -115,14 +115,15 @@ const styles = StyleSheet.create({
|
|||||||
},
|
},
|
||||||
input: {
|
input: {
|
||||||
width: '100%',
|
width: '100%',
|
||||||
minHeight: 100,
|
minHeight: 120,
|
||||||
borderColor: 'transparent',
|
borderColor: 'transparent',
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
borderRadius: 10,
|
borderRadius: 10,
|
||||||
padding: 10,
|
padding: 10,
|
||||||
marginBottom: 20,
|
marginBottom: 20,
|
||||||
marginTop: 120,
|
marginTop: 160,
|
||||||
fontSize: 42,
|
fontSize: 42,
|
||||||
|
lineHeight: 60,
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
color: '#FFFFFF',
|
color: '#FFFFFF',
|
||||||
fontWeight: 'bold',
|
fontWeight: 'bold',
|
||||||
|
@ -3,6 +3,7 @@ import { StyleSheet, TouchableOpacity, Modal, Platform, View } from 'react-nativ
|
|||||||
import { ThemedText } from '@/components/ThemedText';
|
import { ThemedText } from '@/components/ThemedText';
|
||||||
import { ThemedView } from '@/components/ThemedView';
|
import { ThemedView } from '@/components/ThemedView';
|
||||||
import DateTimePicker from '@react-native-community/datetimepicker';
|
import DateTimePicker from '@react-native-community/datetimepicker';
|
||||||
|
import { LinearGradient } from 'expo-linear-gradient';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
|
||||||
const API_KEY = process.env.EXPO_PUBLIC_API_KEY;
|
const API_KEY = process.env.EXPO_PUBLIC_API_KEY;
|
||||||
@ -50,40 +51,47 @@ export default function ChangeDateDrawer({ isVisible, onClose, onDateChange, cur
|
|||||||
>
|
>
|
||||||
<ThemedView style={styles.centeredView}>
|
<ThemedView style={styles.centeredView}>
|
||||||
<ThemedView style={styles.modalView}>
|
<ThemedView style={styles.modalView}>
|
||||||
<ThemedText style={styles.modalText}>Set New Countdown Date & Time</ThemedText>
|
<LinearGradient
|
||||||
|
colors={['#F67C0A', '#F60AD3']}
|
||||||
|
style={styles.modalView}
|
||||||
|
start={{ x: 0, y: 0 }}
|
||||||
|
end={{ x: 1, y: 1 }}
|
||||||
|
>
|
||||||
|
<ThemedText style={styles.modalText}>Set New Countdown Date & Time</ThemedText>
|
||||||
|
|
||||||
<ThemedView style={styles.buttonContainer}>
|
<ThemedView style={styles.buttonContainer}>
|
||||||
<ThemedView style={styles.dateContainer}>
|
<ThemedView style={styles.dateContainer}>
|
||||||
<DateTimePicker
|
<DateTimePicker
|
||||||
testID="datePicker"
|
testID="datePicker"
|
||||||
value={date}
|
value={date}
|
||||||
mode="date"
|
mode="date"
|
||||||
is24Hour={true}
|
is24Hour={true}
|
||||||
display="default"
|
display="default"
|
||||||
onChange={handleDateChange}
|
onChange={handleDateChange}
|
||||||
/>
|
/>
|
||||||
|
</ThemedView>
|
||||||
|
<ThemedView style={styles.timeContainer}>
|
||||||
|
<DateTimePicker
|
||||||
|
testID="timePicker"
|
||||||
|
value={date}
|
||||||
|
mode="time"
|
||||||
|
is24Hour={true}
|
||||||
|
display="default"
|
||||||
|
onChange={handleTimeChange}
|
||||||
|
/>
|
||||||
|
</ThemedView>
|
||||||
</ThemedView>
|
</ThemedView>
|
||||||
<ThemedView style={styles.timeContainer}>
|
|
||||||
<DateTimePicker
|
<ThemedView style={styles.buttonContainer}>
|
||||||
testID="timePicker"
|
<TouchableOpacity style={styles.button} onPress={handleSave}>
|
||||||
value={date}
|
<ThemedText style={styles.buttonText}>Save</ThemedText>
|
||||||
mode="time"
|
</TouchableOpacity>
|
||||||
is24Hour={true}
|
|
||||||
display="default"
|
|
||||||
onChange={handleTimeChange}
|
|
||||||
/>
|
|
||||||
</ThemedView>
|
|
||||||
</ThemedView>
|
|
||||||
|
|
||||||
<ThemedView style={styles.buttonContainer}>
|
|
||||||
<TouchableOpacity style={styles.button} onPress={handleSave}>
|
|
||||||
<ThemedText style={styles.buttonText}>Save</ThemedText>
|
|
||||||
</TouchableOpacity>
|
|
||||||
|
|
||||||
<TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
|
<TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
|
||||||
<ThemedText style={styles.buttonText}>Cancel</ThemedText>
|
<ThemedText style={styles.buttonText}>Cancel</ThemedText>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</ThemedView>
|
</ThemedView>
|
||||||
|
</LinearGradient>
|
||||||
</ThemedView>
|
</ThemedView>
|
||||||
</ThemedView>
|
</ThemedView>
|
||||||
</Modal>
|
</Modal>
|
||||||
@ -95,13 +103,13 @@ const styles = StyleSheet.create({
|
|||||||
flex: 1,
|
flex: 1,
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
backgroundColor: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
modalView: {
|
modalView: {
|
||||||
margin: 20,
|
margin: 10,
|
||||||
backgroundColor: 'black',
|
backgroundColor: 'transparent',
|
||||||
borderRadius: 20,
|
|
||||||
padding: 35,
|
padding: 35,
|
||||||
|
borderRadius: 40,
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
shadowColor: '#000',
|
shadowColor: '#000',
|
||||||
shadowOffset: {
|
shadowOffset: {
|
||||||
|
Loading…
Reference in New Issue
Block a user