small adjustments for next build

This commit is contained in:
Gabriel Brown 2024-09-12 12:48:30 -05:00
parent 80169960e0
commit 6407a23ee0
2 changed files with 46 additions and 37 deletions

View File

@ -115,14 +115,15 @@ const styles = StyleSheet.create({
},
input: {
width: '100%',
minHeight: 100,
minHeight: 120,
borderColor: 'transparent',
borderWidth: 1,
borderRadius: 10,
padding: 10,
marginBottom: 20,
marginTop: 120,
marginTop: 160,
fontSize: 42,
lineHeight: 60,
textAlign: 'center',
color: '#FFFFFF',
fontWeight: 'bold',

View File

@ -3,6 +3,7 @@ import { StyleSheet, TouchableOpacity, Modal, Platform, View } from 'react-nativ
import { ThemedText } from '@/components/ThemedText';
import { ThemedView } from '@/components/ThemedView';
import DateTimePicker from '@react-native-community/datetimepicker';
import { LinearGradient } from 'expo-linear-gradient';
import axios from 'axios';
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.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.dateContainer}>
<DateTimePicker
testID="datePicker"
value={date}
mode="date"
is24Hour={true}
display="default"
onChange={handleDateChange}
/>
<ThemedView style={styles.buttonContainer}>
<ThemedView style={styles.dateContainer}>
<DateTimePicker
testID="datePicker"
value={date}
mode="date"
is24Hour={true}
display="default"
onChange={handleDateChange}
/>
</ThemedView>
<ThemedView style={styles.timeContainer}>
<DateTimePicker
testID="timePicker"
value={date}
mode="time"
is24Hour={true}
display="default"
onChange={handleTimeChange}
/>
</ThemedView>
</ThemedView>
<ThemedView style={styles.timeContainer}>
<DateTimePicker
testID="timePicker"
value={date}
mode="time"
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>
<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}>
<ThemedText style={styles.buttonText}>Cancel</ThemedText>
</TouchableOpacity>
</ThemedView>
<TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
<ThemedText style={styles.buttonText}>Cancel</ThemedText>
</TouchableOpacity>
</ThemedView>
</LinearGradient>
</ThemedView>
</ThemedView>
</Modal>
@ -95,13 +103,13 @@ const styles = StyleSheet.create({
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.5)',
backgroundColor: 'rgba(0, 0, 0, 0)',
},
modalView: {
margin: 20,
backgroundColor: 'black',
borderRadius: 20,
margin: 10,
backgroundColor: 'transparent',
padding: 35,
borderRadius: 40,
alignItems: 'center',
shadowColor: '#000',
shadowOffset: {