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

---
 src/components/pages/AmbassadorsPage.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/AmbassadorsPage.js b/src/components/pages/AmbassadorsPage.js
index 0c8b90a..971cc27 100644
--- a/src/components/pages/AmbassadorsPage.js
+++ b/src/components/pages/AmbassadorsPage.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';
@@ -143,7 +144,8 @@ class AmbassadorsPage extends Component {
         searchText: ambassador.telegram,
         value: (
           <a
-            href={`https://t.me/${(ambassador.telegram.trim().charAt(0) === '@') ? ambassador.telegram.trim().slice(1): ambassador.telegram.trim()}`}
+            href={`https://t.me/${(ambassador.telegram.trim().charAt(0) === '@') ?
+              ambassador.telegram.trim().slice(1): ambassador.telegram.trim()}`}
             target="_blank"
             rel="noopener noreferrer"
           >{ambassador.telegram}</a>
@@ -315,7 +317,7 @@ class AmbassadorsPage extends Component {
   }
 
   render() {
-    const { data } = this.state.ambassadors;
+    let { data } = this.state.ambassadors;
     const { ambassadorsSearch, merchantMarkers } = this.state;
 
     const ambassadorsMarkers = [];
@@ -346,6 +348,8 @@ class AmbassadorsPage extends Component {
       });
     });
 
+    data = data.sort(sortBy('location.searchText'));
+
     return (
       <div>
         <AppHeader />