emh/blazerapp
1
0
Fork 0
mirror of https://github.com/Blair-SGA-Dev-Team/blazerapp.git synced 2024-11-21 20:41:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

Announcement pg styling

Browse Source
This commit is contained in:
Emily Liu 2020-12-07 01:39:58 -05:00
parent a7143f631b
commit 7e1e841f41
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/Announcements.js
View File

@ -32,15 +32,22 @@ const Announcement = ({item}) => {
const dateInfo = dateStr===item.item.date&&item.item.time!==undefined?item.item.time:item.item.date; const dateInfo = dateStr===item.item.date&&item.item.time!==undefined?item.item.time:item.item.date;
return ( return (
<View style={styles.item1}> <View style={styles.item1}>
{dateInfo!==undefined?<Text style={styles.date}>{dateInfo}</Text>:<></>} <View style = {{display: 'flex', flexDirection: 'row', justifyContent: 'space-between'}}>
<Text style={{fontSize:20}}>{item.item.message}</Text> <View style = {{width: '75%'}}>
<Text style={styles.title3}>{item.item.message}</Text>
</View>
<View style = {{display: 'flex', flexDirection: 'row'}}>
{dateInfo!==undefined?<Text style={{fontSize: 16, alignSelf: 'center'}}>{dateInfo}</Text>:<></>}
</View>
</View>
</View> </View>
) )
} }
export const TeacherList = ({route}) => { export const TeacherList = ({route}) => {
return ( return (
<View style={styles.container}> <View style={{}}>
<FlatList <FlatList
data={route.params.data} data={route.params.data}
renderItem={item=><Announcement item={item}/>} renderItem={item=><Announcement item={item}/>}
@ -54,7 +61,7 @@ function TeacherButton(props) {
const [color, setColor] = useState(props.color?props.color:'lightgrey') const [color, setColor] = useState(props.color?props.color:'lightgrey')
return ( return (
<View style={[styles.item1,{flexDirection:'row'}]}> <View style={[styles.item1,{flexDirection:'row'}]}>
<TouchableOpacity style={{flex:1}} onPress={()=>{props.navigation.navigate('TeacherList',{data:props.data,name:props.name})}} activeOpacity={0.8}> <TouchableOpacity style={{flex:1, justifyContent: 'center'}} onPress={()=>{props.navigation.navigate('TeacherList',{data:props.data,name:props.name})}} activeOpacity={0.8}>
<Text style={styles.title3}>{props.name}</Text> <Text style={styles.title3}>{props.name}</Text>
</TouchableOpacity> </TouchableOpacity>
{props.icon?<Icon.Button color={color} name="star" size={30} style={{alignSelf:'center'}} backgroundColor="white" onPress={()=>{setColor(color=='#dba309'?'lightgrey':'#dba309');props.addFavorite(props.name)}}/>:<></>} {props.icon?<Icon.Button color={color} name="star" size={30} style={{alignSelf:'center'}} backgroundColor="white" onPress={()=>{setColor(color=='#dba309'?'lightgrey':'#dba309');props.addFavorite(props.name)}}/>:<></>}