agorise/palmpay.io-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Sort ambassador by country and city on component load

Browse source
This commit is contained in:
Letícia Camara 2018-11-02 18:25:50 -03:00
parent 8fe0954587
commit b782cfcd84
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/pages/AmbassadorsPage.js
View file

@ -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 />