syamjayaraj
/ CounterComponent.js
Created
December 7, 2018 05:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, {Component} from 'react' | |
| import Button from '../components/Button' | |
| import {connect} from 'react-redux' | |
| import {incrementCount, decrementCount} from '../actions/index' | |
| class CounterComponent extends Component{ | |
| handleBtnActionIncrement = () => { | |
| this.props.onIncrementClick(this.props.count) | |
| } |
syamjayaraj
/ index.js
Created
December 7, 2018 05:24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| import { render } from 'react-dom' | |
| import { Provider } from 'react-redux' | |
| import CounterComponent from './containers/CounterComponent' | |
| import store from './store' | |
| render( | |
| <Provider store={store}> | |
| <CounterComponent /> | |
| </Provider>, |
syamjayaraj
/ App.js
Last active
August 7, 2018 19:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| render() { | |
| return ( | |
| <Container> | |
| <Header androidStatusBarColor="#af1313" style={{ backgroundColor: '#d11919' }}> | |
| <Body style = {{ flex: 1, flexDirection: 'column', justifyContent: 'center', alignItems: 'center', }}> | |
| <Title>BLOOD DONORS</Title> | |
| </Body> | |
| </Header> |
syamjayaraj
/ App.js
Created
August 7, 2018 18:49
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| _toggleDonorPost(){ | |
| this.setState({ | |
| isSubmited: false | |
| }) | |
| } |
syamjayaraj
/ App.js
Created
August 7, 2018 18:46
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| onValueChange2(value) { | |
| this.setState({ | |
| grouptoBeFiltered: value | |
| }); | |
| } |
syamjayaraj
/ App.js
Created
August 7, 2018 18:42
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| onValueChange(value) { | |
| this.setState({ | |
| group: value | |
| }); | |
| } |
syamjayaraj
/ App.js
Created
August 7, 2018 18:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| addDonor = (name, mobile, group) => { | |
| if(this.state.name != null && this.state.mobile != null && this.state.group != null){ | |
| fetch('https://blood-donors-db.firebaseio.com/donors.json', { | |
| method: 'POST', | |
| headers: { | |
| Accept: 'application/json', | |
| 'Content-Type': 'application/json', | |
| }, | |
| body: JSON.stringify({ | |
| "name": name, |
syamjayaraj
/ App.js
Created
August 7, 2018 18:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| componentDidMount() { | |
| this.timer=setInterval(() =>this.getDonor(), 1000); | |
| } | |
| async getDonor() { | |
| return fetch(`https://blood-donors-db.firebaseio.com/donors.json`) | |
| .then((response) => response.json()) | |
| .then((responseJson) => { | |
| this.setState({ | |
| donors: Object.values(responseJson), |
syamjayaraj
/ App.js
Created
August 7, 2018 18:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| constructor(props) { | |
| super(props); | |
| this.state = { | |
| isSubmited: false, | |
| name: null, | |
| mobile: null, | |
| group: null, | |
| donors: [], | |
| grouptoBeFiltered: null, | |
| }; |
syamjayaraj
/ App.js
Created
August 7, 2018 18:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default class App extends Component { | |
| } |