From 23318a59e873b4d47f7e914e85e95a7f4065239b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Let=C3=ADcia=20Camara?= <lettcamara@gmail.com>
Date: Fri, 2 Nov 2018 19:11:40 -0300
Subject: [PATCH] Sort merchants by country and city on component load

---
 src/components/pages/MerchantsPage.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/MerchantsPage.js b/src/components/pages/MerchantsPage.js
index 9bf2adb..b3e3c5a 100644
--- a/src/components/pages/MerchantsPage.js
+++ b/src/components/pages/MerchantsPage.js
@@ -3,6 +3,7 @@ import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
 import Modal from 'react-modal';
 import { Link } from 'react-router-dom';
 import Button from '@material-ui/core/Button';
+import sortBy from 'sort-by';
 
 // Custom components
 import AppHeader from '../AppHeader';
@@ -258,7 +259,7 @@ class MerchantsPage extends Component {
   }
 
   render() {
-    const { data: merchantsData } = this.state.merchants;
+    let { data: merchantsData } = this.state.merchants;
     const { ambassadorsMarkers, merchantsSearch } = this.state;
 
     const merchantMarkers = merchantsSearch.map(merchant => {
@@ -276,6 +277,8 @@ class MerchantsPage extends Component {
       return marker;
     });
 
+    merchantsData = merchantsData.sort(sortBy('location.searchText'));
+
 
     return (
       <div>