Showing
1 changed file
with
12 additions
and
19 deletions
| ... | @@ -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 | ... | ... |
-
Please register or login to post a comment