From 37bb64aef5db9ec61aa0e9cddccc69e2157ecab7 Mon Sep 17 00:00:00 2001 From: prasetyo yudho Date: Wed, 21 Oct 2020 13:45:36 +0700 Subject: [PATCH 1/2] add notification screen opendagang-hacktoberfest --- App/Containers/NotifScreen.js | 71 ++++++++++++++++++++-- App/Containers/Styles/NotifScreenStyle.js | 49 ++++++++++++++- App/Images/bell.png | Bin 0 -> 24256 bytes App/Themes/Images.js | 1 + 4 files changed, 113 insertions(+), 8 deletions(-) create mode 100644 App/Images/bell.png diff --git a/App/Containers/NotifScreen.js b/App/Containers/NotifScreen.js index 7305851..b3b932f 100644 --- a/App/Containers/NotifScreen.js +++ b/App/Containers/NotifScreen.js @@ -1,6 +1,13 @@ import React, { Component } from 'react' -import { ScrollView, Text } from 'react-native' -import { connect } from 'react-redux' +import { TouchableOpacity } from 'react-native' +import { ScrollView, + Text, + View, + SafeAreaView, + FlatList, + Image, } from 'react-native' +import { connect } from 'react-redux' +import { Images } from '../Themes' // Add Actions - replace 'Your' with whatever your reducer is called :) // import YourActions from '../Redux/YourRedux' @@ -13,13 +20,67 @@ class NotifScreen extends Component { // this.state = {} // } + renderCardNotif() { + const data = [ + { + id :1, + name : 'Yay, kamu dapat diskon 20%!', + description : "Segera gunakan diskon-mu untuk belanja barang impian. Belanja sekarang!", + image : Images.alertNotif + }, + { + id :2, + name : 'Yay, kamu dapat diskon 50%!', + description : "Segera gunakan diskon-mu untuk belanja barang impian. Belanja sekarang!", + image : Images.alertNotif + }, + { + id :3, + name : 'Yay, kamu dapat diskon ongkir', + description : "Segera gunakan diskon-mu untuk mendapat gratis ongkir pada hari sabtu dan minggu.", + image : Images.alertNotif + }, + ] + return( + + ( + this.actionDetail()}> + + + + + + + {item.name} + {item.description} + + + + + )} + keyExtractor={(item, index)=> index.toString()} + /> + + ) + } + render () { return ( - - NotifScreen Container - + + {this.renderCardNotif()} + ) } + + actionDetail() { + alert("Hit Detail Promo") + } } const mapStateToProps = (state) => { diff --git a/App/Containers/Styles/NotifScreenStyle.js b/App/Containers/Styles/NotifScreenStyle.js index 3144a3e..3221d60 100644 --- a/App/Containers/Styles/NotifScreenStyle.js +++ b/App/Containers/Styles/NotifScreenStyle.js @@ -1,10 +1,53 @@ import { StyleSheet } from 'react-native' import { Colors, Metrics } from '../../Themes/' +import { + responsiveWidth, + responsiveHeight, +} from 'react-native-responsive-dimensions'; export default StyleSheet.create({ container: { flex: 1, - marginTop: Metrics.navBarHeight, - backgroundColor: Colors.background - } + backgroundColor: Colors.grayMedium + }, + cardContainer: { + alignItems: 'center' + }, + cardNotif: { + height: 90, + width: responsiveWidth(95), + borderBottomLeftRadius: 10, + borderBottomRightRadius: 10, + borderTopLeftRadius: 10, + borderTopRightRadius: 10, + backgroundColor: 'white', + marginTop: 20, + paddingLeft: 20, + backgroundColor: Colors.ricePaper + }, + rowContent: { + flexDirection:'row', + flex: 1 + }, + imageContent: { + width: 40, + height: 40, + marginTop: 15, + resizeMode: 'stretch' + }, + columnImage : { + flexDirection:'column' + }, + columnContent: { + marginLeft: 25, + flexDirection:'column' + }, + fontTitle: { + fontWeight: 'bold', + fontSize: 15, + marginTop: 10 + }, + fontDescription: { + paddingRight: 30 + }, }) diff --git a/App/Images/bell.png b/App/Images/bell.png new file mode 100644 index 0000000000000000000000000000000000000000..efb426a9875fbc7e9bf8c8ce589ce37b66e0ae3c GIT binary patch literal 24256 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 literal 0 HcmV?d00001 diff --git a/App/Themes/Images.js b/App/Themes/Images.js index b9315bc..198f277 100644 --- a/App/Themes/Images.js +++ b/App/Themes/Images.js @@ -5,6 +5,7 @@ const images = { featured1: require('../Images/featured1.png'), featured2: require('../Images/featured2.png'), featured3: require('../Images/featured3.png'), + alertNotif: require('../Images/bell.png'), } export default images From 02a0a213c5c91297f568a1df93667d87a263f37c Mon Sep 17 00:00:00 2001 From: prasetyo yudho Date: Thu, 29 Oct 2020 20:35:36 +0700 Subject: [PATCH 2/2] fix styling with osmicsx lib --- App/Containers/NotifScreen.js | 23 ++++++----- App/Containers/Styles/NotifScreenStyle.js | 47 +---------------------- 2 files changed, 15 insertions(+), 55 deletions(-) diff --git a/App/Containers/NotifScreen.js b/App/Containers/NotifScreen.js index b3b932f..1336b3a 100644 --- a/App/Containers/NotifScreen.js +++ b/App/Containers/NotifScreen.js @@ -13,6 +13,7 @@ import { Images } from '../Themes' // Styles import styles from './Styles/NotifScreenStyle' +import { apply } from '../Themes/OsmiCSX' class NotifScreen extends Component { // constructor (props) { @@ -42,23 +43,27 @@ class NotifScreen extends Component { }, ] return( - + ( this.actionDetail()}> - - - + + + - - {item.name} - {item.description} + + {item.name} + {item.description} @@ -72,7 +77,7 @@ class NotifScreen extends Component { render () { return ( - + {this.renderCardNotif()} ) diff --git a/App/Containers/Styles/NotifScreenStyle.js b/App/Containers/Styles/NotifScreenStyle.js index 3221d60..1efc62c 100644 --- a/App/Containers/Styles/NotifScreenStyle.js +++ b/App/Containers/Styles/NotifScreenStyle.js @@ -1,53 +1,8 @@ import { StyleSheet } from 'react-native' -import { Colors, Metrics } from '../../Themes/' -import { - responsiveWidth, - responsiveHeight, -} from 'react-native-responsive-dimensions'; export default StyleSheet.create({ - container: { - flex: 1, - backgroundColor: Colors.grayMedium - }, - cardContainer: { - alignItems: 'center' - }, - cardNotif: { - height: 90, - width: responsiveWidth(95), - borderBottomLeftRadius: 10, - borderBottomRightRadius: 10, - borderTopLeftRadius: 10, - borderTopRightRadius: 10, - backgroundColor: 'white', - marginTop: 20, - paddingLeft: 20, - backgroundColor: Colors.ricePaper - }, - rowContent: { - flexDirection:'row', - flex: 1 - }, imageContent: { width: 40, - height: 40, - marginTop: 15, - resizeMode: 'stretch' - }, - columnImage : { - flexDirection:'column' - }, - columnContent: { - marginLeft: 25, - flexDirection:'column' - }, - fontTitle: { - fontWeight: 'bold', - fontSize: 15, - marginTop: 10 - }, - fontDescription: { - paddingRight: 30 + height: 40, }, })