bluejoyq

rate line add

...@@ -4,8 +4,6 @@ import { View,StyleSheet } from 'react-native'; ...@@ -4,8 +4,6 @@ import { View,StyleSheet } from 'react-native';
4 import {connect} from 'react-redux'; 4 import {connect} from 'react-redux';
5 import {load } from '../../reducers/search'; 5 import {load } from '../../reducers/search';
6 import PromptSearchRate from '../PromptSearch/PromptSearchRate'; 6 import PromptSearchRate from '../PromptSearch/PromptSearchRate';
7 -
8 -
9 const RateLine = ({load,pastRecords }) => { 7 const RateLine = ({load,pastRecords }) => {
10 useEffect(()=>{ 8 useEffect(()=>{
11 const get = async () => { 9 const get = async () => {
...@@ -13,7 +11,6 @@ const RateLine = ({load,pastRecords }) => { ...@@ -13,7 +11,6 @@ const RateLine = ({load,pastRecords }) => {
13 } 11 }
14 get(); 12 get();
15 }, [load]); 13 }, [load]);
16 -
17 return ( 14 return (
18 <Surface style={styles.surface}> 15 <Surface style={styles.surface}>
19 {pastRecords.length ? 16 {pastRecords.length ?
...@@ -23,20 +20,17 @@ const RateLine = ({load,pastRecords }) => { ...@@ -23,20 +20,17 @@ const RateLine = ({load,pastRecords }) => {
23 {pastRecords.map((past,index)=> ( 20 {pastRecords.map((past,index)=> (
24 <View key={index} style={styles.past}> 21 <View key={index} style={styles.past}>
25 <Text style={styles.score}>{past.score}</Text> 22 <Text style={styles.score}>{past.score}</Text>
26 - <Text style={styles.day}>{past.date.substring(5,7)+'/'+past.date.substring(8,10)}</Text> 23 + <Text style={styles.date}>{past.date.substring(5,7)+'/'+past.date.substring(8,10)}</Text>
27 </View> 24 </View>
28 ))} 25 ))}
29 </View> 26 </View>
30 - <Text style={styles.message}>당신의 점수 변화를 확인 세요!</Text> 27 + <Text style={styles.message}>당신의 점수 변화를 확인세요!</Text>
31 </> 28 </>
32 : <PromptSearchRate /> 29 : <PromptSearchRate />
33 } 30 }
34 </Surface> 31 </Surface>
35 ); 32 );
36 } 33 }
37 -
38 -
39 -
40 const styles = StyleSheet.create({ 34 const styles = StyleSheet.create({
41 surface: { 35 surface: {
42 padding: 8, 36 padding: 8,
...@@ -47,41 +41,40 @@ const styles = StyleSheet.create({ ...@@ -47,41 +41,40 @@ const styles = StyleSheet.create({
47 elevation: 2, 41 elevation: 2,
48 marginTop: 10, 42 marginTop: 10,
49 marginBottom: 10, 43 marginBottom: 10,
50 - borderRadius: 5 44 + borderRadius: 5,
51 }, 45 },
52 info:{ 46 info:{
53 - fontSize:23, 47 + fontSize:22,
54 - fontWeight:'bold',
55 marginBottom: 5, 48 marginBottom: 5,
49 + fontFamily:"Bold",
56 }, 50 },
57 score:{ 51 score:{
58 fontSize:20, 52 fontSize:20,
59 - color:"#002857" 53 + fontFamily:"Bold",
60 }, 54 },
61 scoreContainer:{ 55 scoreContainer:{
62 flexDirection:'row', 56 flexDirection:'row',
63 justifyContent: 'space-around', 57 justifyContent: 'space-around',
64 width:'100%' 58 width:'100%'
65 }, 59 },
66 - day:{ 60 + data:{
67 - fontSize: 10, 61 + fontSize:10,
68 textAlign:'center', 62 textAlign:'center',
69 - marginBottom:5 63 + fontFamily:"Regular",
70 }, 64 },
71 past:{ 65 past:{
72 alignItems:'center', 66 alignItems:'center',
73 marginBottom:5 67 marginBottom:5
74 }, 68 },
75 message:{ 69 message:{
76 - margin: 5, 70 + fontFamily:"Son",
77 - color:"#6e8fb4" 71 + marginTop : 10,
72 + fontSize: 20,
78 } 73 }
79 }); 74 });
80 -
81 const RateLineContainer = ( {load,pastRecords } ) => ( 75 const RateLineContainer = ( {load,pastRecords } ) => (
82 <RateLine load={load} pastRecords={pastRecords} /> 76 <RateLine load={load} pastRecords={pastRecords} />
83 ); 77 );
84 -
85 export default connect( 78 export default connect(
86 ({search})=>({ 79 ({search})=>({
87 pastRecords:search.pastRecords 80 pastRecords:search.pastRecords
......