From c775a19039473de560b50369030c1e1be5a535ff Mon Sep 17 00:00:00 2001
From: Qolzam <amir.gholzam@live.com>
Date: Sun, 4 Feb 2018 12:19:45 +0700
Subject: [PATCH] [Improvement] handle close snackbar

---
 .firebaserc                                                | 2 +-
 src/components/findPeople/FindPeopleComponent.tsx          | 2 +-
 src/components/master/IMasterComponentProps.ts             | 5 +++++
 src/components/master/MasterComponent.tsx                  | 6 ++++--
 src/layouts/loadMoreProgress/LoadMoreProgressComponent.tsx | 2 +-
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/.firebaserc b/.firebaserc
index 9a903ad..ef0f6ca 100644
--- a/.firebaserc
+++ b/.firebaserc
@@ -1,5 +1,5 @@
 {
   "projects": {
-    "default": "love-social"
+    "default": "test-4515a"
   }
 }
diff --git a/src/components/findPeople/FindPeopleComponent.tsx b/src/components/findPeople/FindPeopleComponent.tsx
index 946b3a8..d33ffac 100644
--- a/src/components/findPeople/FindPeopleComponent.tsx
+++ b/src/components/findPeople/FindPeopleComponent.tsx
@@ -57,7 +57,7 @@ export class FindPeopleComponent extends Component<IFindPeopleComponentProps, IF
                 loadMore={this.scrollLoad}
                 hasMore={hasMorePeople}
                 useWindow={true}
-                loader={<LoadMoreProgressComponent />}
+                loader={<LoadMoreProgressComponent key='find-people-load-more-progress' />}
                 >
 
                 <div className='tracks'>
diff --git a/src/components/master/IMasterComponentProps.ts b/src/components/master/IMasterComponentProps.ts
index e6c7d28..cc5fba2 100644
--- a/src/components/master/IMasterComponentProps.ts
+++ b/src/components/master/IMasterComponentProps.ts
@@ -114,4 +114,9 @@ export interface IMasterComponentProps {
    */
   sendFeedbackStatus?: boolean
 
+  /**
+   * Hide global message
+   */
+  hideMessage?: () => any
+
 }
diff --git a/src/components/master/MasterComponent.tsx b/src/components/master/MasterComponent.tsx
index 7b9ad2d..65140ab 100644
--- a/src/components/master/MasterComponent.tsx
+++ b/src/components/master/MasterComponent.tsx
@@ -125,7 +125,7 @@ export class MasterComponent extends Component<IMasterComponentProps, IMasterCom
    */
   public render () {
 
-    const { progress, global, loaded, guest, uid, sendFeedbackStatus } = this.props
+    const { progress, global, loaded, guest, uid, sendFeedbackStatus, hideMessage } = this.props
     const { loading, isVerifide } = this.state
 
     return (
@@ -142,6 +142,7 @@ export class MasterComponent extends Component<IMasterComponentProps, IMasterCom
         <Snackbar
           open={this.props.global.messageOpen}
           message={this.props.global.message}
+          onClose={hideMessage}
           autoHideDuration={4000}
           style={{ left: '1%', transform: 'none' }}
         />
@@ -185,7 +186,8 @@ const mapDispatchToProps = (dispatch: any, ownProps: IMasterComponentProps) => {
       dispatch(globalActions.loadDataGuest())
     },
     showMasterLoading: () => dispatch(globalActions.showMasterLoading()),
-    hideMasterLoading: () => dispatch(globalActions.hideMasterLoading())
+    hideMasterLoading: () => dispatch(globalActions.hideMasterLoading()),
+    hideMessage: () => dispatch(globalActions.hideMessage())
   }
 
 }
diff --git a/src/layouts/loadMoreProgress/LoadMoreProgressComponent.tsx b/src/layouts/loadMoreProgress/LoadMoreProgressComponent.tsx
index 1ea01aa..63fb899 100644
--- a/src/layouts/loadMoreProgress/LoadMoreProgressComponent.tsx
+++ b/src/layouts/loadMoreProgress/LoadMoreProgressComponent.tsx
@@ -14,7 +14,7 @@ export default class LoadMoreProgressComponent extends Component<{},{}> {
    */
   render () {
     return (
-      <div className='g-load-more'><CircularProgress size={30} thickness={5} style={{color: teal['A400'] }} /></div>
+      <div key='load-more-progress' className='g-load-more'><CircularProgress size={30} thickness={5} style={{color: teal['A400'] }} /></div>
     )
   }
 }