bluejoyq

rate line add

......@@ -4,8 +4,6 @@ import { View,StyleSheet } from 'react-native';
import {connect} from 'react-redux';
import {load } from '../../reducers/search';
import PromptSearchRate from '../PromptSearch/PromptSearchRate';
const RateLine = ({load,pastRecords }) => {
useEffect(()=>{
const get = async () => {
......@@ -13,7 +11,6 @@ const RateLine = ({load,pastRecords }) => {
}
get();
}, [load]);
return (
<Surface style={styles.surface}>
{pastRecords.length ?
......@@ -23,20 +20,17 @@ const RateLine = ({load,pastRecords }) => {
{pastRecords.map((past,index)=> (
<View key={index} style={styles.past}>
<Text style={styles.score}>{past.score}</Text>
<Text style={styles.day}>{past.date.substring(5,7)+'/'+past.date.substring(8,10)}</Text>
<Text style={styles.date}>{past.date.substring(5,7)+'/'+past.date.substring(8,10)}</Text>
</View>
))}
</View>
<Text style={styles.message}>당신의 점수 변화를 확인 세요!</Text>
<Text style={styles.message}>당신의 점수 변화를 확인세요!</Text>
</>
: <PromptSearchRate />
}
</Surface>
);
}
const styles = StyleSheet.create({
surface: {
padding: 8,
......@@ -47,41 +41,40 @@ const styles = StyleSheet.create({
elevation: 2,
marginTop: 10,
marginBottom: 10,
borderRadius: 5
borderRadius: 5,
},
info:{
fontSize:23,
fontWeight:'bold',
fontSize:22,
marginBottom: 5,
fontFamily:"Bold",
},
score:{
fontSize:20,
color:"#002857"
fontFamily:"Bold",
},
scoreContainer:{
flexDirection:'row',
justifyContent: 'space-around',
width:'100%'
},
day:{
fontSize: 10,
data:{
fontSize:10,
textAlign:'center',
marginBottom:5
fontFamily:"Regular",
},
past:{
alignItems:'center',
marginBottom:5
},
message:{
margin: 5,
color:"#6e8fb4"
fontFamily:"Son",
marginTop : 10,
fontSize: 20,
}
});
const RateLineContainer = ( {load,pastRecords } ) => (
<RateLine load={load} pastRecords={pastRecords} />
);
export default connect(
({search})=>({
pastRecords:search.pastRecords
......