-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
7f0d92d
commit fea2db8
Showing
9 changed files
with
2,408 additions
and
3,686 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| import { StyleSheet, Text, TextInput, View } from "react-native"; | ||
| import { Checkbox } from "expo-checkbox"; | ||
| import { useState } from "react"; | ||
|
|
||
| export default function CheckBoxQuery(props) { | ||
| const [yes, setYes] = useState(false); | ||
| const [no, setNo] = useState(false); | ||
|
|
||
| return ( | ||
| // TODO | ||
| <View style={styles.container}> | ||
| <Text style={[styles.text, { paddingBottom: "2%" }]}> | ||
| {props.question} | ||
| <Text style={[styles.text, styles.red]}>*</Text> | ||
| </Text> | ||
| <View style={{ flexDirection: "row", paddingVertical: "1%" }}> | ||
| <Checkbox | ||
| color={"#0d79ff"} | ||
| value={yes} | ||
| onValueChange={setYes} | ||
| style={{ borderRadius: 20, transform: [{ scale: 1.3 }] }} | ||
| /> | ||
| <Text style={[styles.text, { paddingHorizontal: "3%" }]}>Yes</Text> | ||
| <Checkbox | ||
| color={"#0d79ff"} | ||
| value={no} | ||
| onValueChange={setNo} | ||
| style={{ borderRadius: 20, transform: [{ scale: 1.3 }] }} | ||
| /> | ||
| <Text style={[styles.text, { paddingHorizontal: "3%" }]}>No</Text> | ||
| </View> | ||
| </View> | ||
| ); | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ | ||
| red: { | ||
| color: "red", | ||
| }, | ||
| container: { | ||
| flexGrow: 1, | ||
| }, | ||
| text: { | ||
| fontSize: 14, | ||
| }, | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| import { StyleSheet, Text, View, Image } from "react-native"; | ||
|
|
||
| export default function UploadButton() { | ||
| return ( | ||
| <View style={styles.back}> | ||
| <Image | ||
| source={require("./../assets/upload.png")} | ||
| style={{height:30,width:30}} | ||
| /> | ||
| <Text style={styles.backText}> | ||
| Upload | ||
| </Text> | ||
| </View> | ||
| ); | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ | ||
| back: { | ||
| flexDirection: "row", | ||
| justifyContent: "flex-start", | ||
| alignItems:"center", | ||
| alignSelf: "flex-start", | ||
| paddingHorizontal:"2%", | ||
| paddingVertical:"2%", | ||
| borderRadius: 20, | ||
| borderWidth: 3, | ||
| }, | ||
|
|
||
| backText: { | ||
| fontSize: 16, | ||
| paddingLeft:"3%", | ||
|
|
||
| }, | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| import { | ||
| Pressable, | ||
| View, | ||
| SafeAreaView, | ||
| StyleSheet, | ||
| Text, | ||
| Image, | ||
| ImageBackground, | ||
| } from "react-native"; | ||
| import NextButton from "../components/NextButton"; | ||
| import BackButton from "../components/BackButton"; | ||
| import { LinearGradient } from "expo-linear-gradient"; | ||
| import CheckBoxQuery from "../components/CheckBoxQuery"; | ||
| import UploadButton from "../components/UploadButton"; | ||
| import TextField from "../components/TextField"; | ||
|
|
||
| export default function OtherInfoScreen() { | ||
| return ( | ||
| <SafeAreaView style={styles.container}> | ||
| <View style={styles.checkBoxesContainer}> | ||
| <View | ||
| style={{ | ||
| paddingLeft: "4%", | ||
| paddingRight: "20%", | ||
| flex: 1, | ||
| justifyContent: "space-between", | ||
| paddingTop: "2%", | ||
| flexDirection: "column", | ||
| }} | ||
| > | ||
| <CheckBoxQuery | ||
| question={ | ||
| "Do you give permission for Audacity Music Club to post recordings of your performance on public websites? " | ||
| } | ||
| /> | ||
| <CheckBoxQuery | ||
| question={ | ||
| "My parent has given their consent for my participation. " | ||
| } | ||
| /> | ||
| </View> | ||
| </View> | ||
| <View style={styles.uploadsContainer}> | ||
| <View> | ||
| <Text style={{ paddingBottom: "3%" }}> | ||
| Our volunteer piano accompanist can provide sight reading | ||
| accompaniment for entry level players. To request this service, | ||
| upload the main score AND accompaniment score in one PDF file. (100 | ||
| MB file size limit) | ||
| </Text> | ||
| <UploadButton /> | ||
| </View> | ||
| <View style={{ paddingTop: "3%" }}> | ||
| <Text style={{ paddingBottom: "3%" }}> | ||
| Upload your Library Band Ensemble profile as one PDF file. | ||
| </Text> | ||
| <UploadButton /> | ||
| </View> | ||
| </View> | ||
| <View style={styles.otherInfoContainer}> | ||
| <TextField | ||
| title={ | ||
| "Other Information, such as special requests in sequence arrangement (optional) " | ||
| } | ||
| /> | ||
| </View> | ||
| <View style={styles.nextContainer}> | ||
| <Pressable style={[{ marginBottom: "5%", marginRight: "4%" }]}> | ||
| <NextButton /> | ||
| </Pressable> | ||
| </View> | ||
| </SafeAreaView> | ||
| ); | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ | ||
| container: { | ||
| display: "flex", | ||
| flex: 1, | ||
| flexDirection: "column", | ||
| justifyContent: "space-between", | ||
| }, | ||
|
|
||
| checkBoxesContainer: { | ||
| flex: 2.5, | ||
| }, | ||
| uploadsContainer: { | ||
| flex: 3.5, | ||
| paddingLeft: "4%", | ||
| paddingRight: "20%", | ||
| marginTop: "3%", | ||
| justifyContent: "space-evenly", | ||
| }, | ||
| otherInfoContainer: { | ||
| paddingTop: "3%", | ||
| flex: 1.2, | ||
| paddingLeft: "4%", | ||
| paddingRight: "10%", | ||
| backgroundColor: "re", | ||
| }, | ||
| nextContainer: { | ||
| flex: 2.2, | ||
| justifyContent: "flex-end", | ||
| alignItems: "flex-end", | ||
| }, | ||
| }); |