ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-11-28 10:22:38 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

enhanced designs

Browse Source
This commit is contained in:
u-e 2018-12-21 16:52:46 +03:00
parent b71a45b9ec
commit 8ce18f1cab
5 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/header/view/headerView.js
View File

@ -48,7 +48,13 @@ class HeaderView extends Component {
isDarkTheme, isDarkTheme,
} = this.props; } = this.props;
const { isSearchModalOpen } = this.state; const { isSearchModalOpen } = this.state;
const gredientColor = isDarkTheme ? ['#081c36', '#43638e'] : ['#2d5aa0', '#357ce6']; let gredientColor = isDarkTheme ? ['#081c36', '#43638e'] : ['#2d5aa0', '#357ce6'];
if (isReverse) {
gredientColor = isDarkTheme ? ['#43638e', '#081c36'] : ['#357ce6', '#2d5aa0'];
} else {
gredientColor = isDarkTheme ? ['#081c36', '#43638e'] : ['#2d5aa0', '#357ce6'];
}
return ( return (
<SafeAreaView style={[styles.container, isReverse && styles.containerReverse]}> <SafeAreaView style={[styles.container, isReverse && styles.containerReverse]}>
@ -65,7 +71,7 @@ class HeaderView extends Component {
> >
<LinearGradient <LinearGradient
start={{ x: 0, y: 0 }} start={{ x: 0, y: 0 }}
end={{ x: 0.5, y: 0 }} end={{ x: 1, y: 0 }}
colors={gredientColor} colors={gredientColor}
style={[ style={[
styles.avatarButtonWrapper, styles.avatarButtonWrapper,

4
src/components/notificationLine/view/notificationLineStyles.js
View File

@ -48,8 +48,8 @@ export default EStyleSheet.create({
}, },
isNewNotification: { isNewNotification: {
backgroundColor: '$primaryLightBlue', backgroundColor: '$primaryLightBlue',
borderTopWidth: 0.3, borderBottomWidth: 0.5,
borderBottomWidth: 0.3, borderBottomColor: '$notificationBorder',
}, },
hasNoAvatar: { hasNoAvatar: {
backgroundColor: '#d8d8d8', backgroundColor: '#d8d8d8',

10
src/components/notificationLine/view/notificationLineView.js
View File

@ -3,7 +3,7 @@ import {
View, Text, Image, TouchableHighlight, View, Text, Image, TouchableHighlight,
} from 'react-native'; } from 'react-native';
import { injectIntl } from 'react-intl'; import { injectIntl } from 'react-intl';
import FastImage from 'react-native-fast-image';
// Constants // Constants
// Components // Components
@ -14,9 +14,9 @@ import styles from './notificationLineStyles';
class NotificationLineView extends PureComponent { class NotificationLineView extends PureComponent {
/* Props /* Props
* ------------------------------------------------ * ------------------------------------------------
* @prop { type } name - Description.... * @prop { type } name - Description....
*/ */
constructor(props) { constructor(props) {
super(props); super(props);
@ -40,7 +40,7 @@ class NotificationLineView extends PureComponent {
key={Math.random()} key={Math.random()}
style={[styles.notificationWrapper, !notification.read && styles.isNewNotification]} style={[styles.notificationWrapper, !notification.read && styles.isNewNotification]}
> >
<Image <FastImage
style={[styles.avatar, !notification.avatar && styles.hasNoAvatar]} style={[styles.avatar, !notification.avatar && styles.hasNoAvatar]}
source={{ source={{
uri: `https://steemitimages.com/u/${notification.source}/avatar/small`, uri: `https://steemitimages.com/u/${notification.source}/avatar/small`,

2
src/themes/darkTheme.js
View File

@ -32,6 +32,8 @@ export default {
$disableGray: '#fff', $disableGray: '#fff',
$editorButtonColor: '#fff', $editorButtonColor: '#fff',
$pureWhite: '#ffffff', $pureWhite: '#ffffff',
$notificationBorder: '#1e2835',
// Devices Sizes // Devices Sizes
$deviceHeight: Dimensions.get('window').height, $deviceHeight: Dimensions.get('window').height,
$deviceWidth: Dimensions.get('window').width, $deviceWidth: Dimensions.get('window').width,

1
src/themes/lightTheme.js
View File

@ -31,6 +31,7 @@ export default {
$disableGray: '#fff', $disableGray: '#fff',
$editorButtonColor: '#3c4449', $editorButtonColor: '#3c4449',
$pureWhite: '#ffffff', $pureWhite: '#ffffff',
$notificationBorder: '#fff',
// Devices Sizes // Devices Sizes
$deviceHeight: Dimensions.get('window').height, $deviceHeight: Dimensions.get('window').height,