Sunshine basic Overview component

Overview.component.js

 render() {
	return (
	  <View style={styles.container}>
	    <View style={styles.content}>
	      <View>
	        <Text style={[theme.typo.mediumText, styles.whiteText]}>
	          {today.toDateString()}
	        </Text>
	        <Text style={[theme.typo.veryBigText, styles.whiteText]}>
	          {maxTemperature ? `${maxTemperature}°` : ""}
	        </Text>
	        <Text style={[theme.typo.bigText, styles.whiteText]}>
	          {minTemperature ? `${minTemperature}°` : ""}
	        </Text>
	      </View>
	      <View style={styles.weatherTypeContainer}>
	        <Image source={image} style={styles.weatherTypeImage} />
	        <Text style={[theme.typo.mediumText, styles.whiteText]}>
	          {weatherType && weatherType.replace(/^\w/, c => c.toUpperCase())}
	        </Text>
	      </View>
	    </View>
	  </View>
	);
 }