From fc8a8ee520d180fd5ebd130f748e5fd64a3ef19a Mon Sep 17 00:00:00 2001
From: youssef-md <emaildeyoussefmuhamad@gmail.com>
Date: Tue, 6 Nov 2018 18:36:05 -0200
Subject: [PATCH] Connecting List to the store to get the receipts and tags

---
 src/components/Receipt/ReceiptList/List.js    |  8 +++---
 .../Receipt/ReceiptList/ReceiptList.js        | 26 ++++++++-----------
 src/store/reducers/reducer.js                 |  2 +-
 3 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/src/components/Receipt/ReceiptList/List.js b/src/components/Receipt/ReceiptList/List.js
index 5649d29..c0f01ee 100644
--- a/src/components/Receipt/ReceiptList/List.js
+++ b/src/components/Receipt/ReceiptList/List.js
@@ -65,14 +65,14 @@ export class List extends React.Component {
 	}
 
 	getTagName = (tagId) => { 
-		if(this.props.tags)
+		if(!(this.props.tags === undefined || this.props.tags.length == 0))
 			return this.props.tags[tagId - 1].category 
 		else
 			return 'carregando...'
 	}
 
 	getTagColor = (tagId) => { 
-		if(this.props.tags)
+		if(!(this.props.tags === undefined || this.props.tags.length == 0))
 			return this.props.tags[tagId - 1].color 
 		else
 			return '#424242'
@@ -93,9 +93,9 @@ export class List extends React.Component {
 }
 export const mapStateToProps = state => {
 	return {
-		tags: state.tags
+		tags: state.tags,
+		receipts: state.receipts
 	}
 }
 
 export default connect(mapStateToProps)(List)
-
diff --git a/src/components/Receipt/ReceiptList/ReceiptList.js b/src/components/Receipt/ReceiptList/ReceiptList.js
index eb549fc..22215d7 100644
--- a/src/components/Receipt/ReceiptList/ReceiptList.js
+++ b/src/components/Receipt/ReceiptList/ReceiptList.js
@@ -10,19 +10,19 @@ import getAllTags from '../../../services/getAllTags'
 const smallDevice = window.matchMedia('(max-width: 800px)').matches
 export class ReceiptList extends Component {
     state = {  
-        loaded: false,
+        receiptsLoaded: false,
+        tagsLoaded: false,
     }
     componentDidMount() {
-        this.fetchReceipts()
         this.fetchTags()
+        this.fetchReceipts()
     }
     render() {
         return (
             <div >
                 <Navbar/>
-                { this.state.loaded && <List    receipts={this.props.receipts} 
-                                                onGetAllReceipts={this.fetchReceipts}
-                                                isSmall={smallDevice} /> }
+                { this.state.receiptsLoaded && <List    onGetAllReceipts={this.fetchReceipts}
+                                                        isSmall={smallDevice}/>}
                 <MenuButton /> 
             </div>
         )
@@ -30,21 +30,17 @@ export class ReceiptList extends Component {
 
     fetchReceipts = async() => {
         const receipts = await getAllReceipts()
-        this.setState({ loaded: true })
         this.props.onReceiptsAdded(receipts)
+        this.setState({ receiptsLoaded: true })
     }
 
     fetchTags = async() => {
-		const tags = await getAllTags()
-        this.setState({ tags })
-		this.props.onTagsAdded(tags)
+        const tags = await getAllTags()
+        this.props.onTagsAdded(tags)
+        this.setState({ tagsLoaded: true })
 	}
 }
-export const mapStateToProps = state => {
-    return {
-        receipts: state.receipts
-    }
-}
+
 export const mapDispatchToProps = dispatch => {
     return {
         onReceiptsAdded: (receipts) => dispatch({type: actionTypes.ADD_RECEIPTS, receipts: receipts}),
@@ -52,4 +48,4 @@ export const mapDispatchToProps = dispatch => {
     }
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(ReceiptList)
\ No newline at end of file
+export default connect(null, mapDispatchToProps)(ReceiptList)
\ No newline at end of file
diff --git a/src/store/reducers/reducer.js b/src/store/reducers/reducer.js
index db4766a..ca99980 100644
--- a/src/store/reducers/reducer.js
+++ b/src/store/reducers/reducer.js
@@ -4,7 +4,7 @@ const initialState = {
   filePDF: null,
   fileExtracted: null,
   receipts: [],
-  tags: null
+  tags: []
 }
 
 const reducer = (state = initialState, action) => {