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: { 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',

View File

@ -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" <TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
onChange={handleTimeChange} <ThemedText style={styles.buttonText}>Cancel</ThemedText>
/> </TouchableOpacity>
</ThemedView> </ThemedView>
</ThemedView> </LinearGradient>
<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>
</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: {