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

Add phone, clicable website and telegram to merchants map pins

Browse source
This commit is contained in:
Letícia Camara 2018-11-12 01:03:05 -02:00
parent 46242370b7
commit ad44177e7f
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/pages/MerchantsPage.js
View file

@ -55,6 +55,8 @@ const mapsStyles = {
const columnData = [ const columnData = [
{ id: 'name', numeric: false, disablePadding: true, label: 'Name' }, { id: 'name', numeric: false, disablePadding: true, label: 'Name' },
{ id: 'address', numeric: false, disablePadding: true, label: 'Address' }, { id: 'address', numeric: false, disablePadding: true, label: 'Address' },
{ id: 'city', numeric: false, disablePadding: true, label: 'City' },
{ id: 'country', numeric: false, disablePadding: true, label: 'Country' },
{ id: 'phone', numeric: false, disablePadding: true, label: 'Phone' }, { id: 'phone', numeric: false, disablePadding: true, label: 'Phone' },
{ id: 'link', numeric: false, disablePadding: false, label: 'Website' }, { id: 'link', numeric: false, disablePadding: false, label: 'Website' },
{ id: 'telegram', numeric: false, disablePadding: true, label: 'telegram' }, { id: 'telegram', numeric: false, disablePadding: true, label: 'telegram' },
@ -225,6 +227,10 @@ class MerchantsPage extends Component {
href={merchant.website}>{stripProtocol(merchant.website)}</a> href={merchant.website}>{stripProtocol(merchant.website)}</a>
) )
}; };
merchant.location = {
searchText: `${merchant.country} - ${merchant.city}`,
value: (merchant.city) ? `${merchant.city} - ${merchant.country}`: merchant.country
}
merchant.map = <Button merchant.map = <Button
className="App-button" className="App-button"
variant="contained" variant="contained"
@ -284,6 +290,15 @@ class MerchantsPage extends Component {
const infoDescription = <div> const infoDescription = <div>
<div><b>Address</b>: {merchant.address}</div> <div><b>Address</b>: {merchant.address}</div>
{(merchant.phone) && (<div><b>Phone</b>: {merchant.phone}</div>)} {(merchant.phone) && (<div><b>Phone</b>: {merchant.phone}</div>)}
{(merchant.telegram_original) && (<div><b>Telegram</b>:
<a
href={`https://t.me/${(merchant.telegram_original.trim().charAt(0) === '@') ? merchant.telegram_original.trim().slice(1): merchant.telegram_original.trim()}`}
target="_blank"
rel="noopener noreferrer"
>{merchant.telegram_original}</a>
</div>)}
{(merchant.website) && (<div><b>Website:</b>: <a target="_blank" rel="noopener noreferrer"
href={merchant.website}>{stripProtocol(merchant.website)}</a></div>)}
</div>; </div>;
const marker = { const marker = {
lat: merchant.lat, lat: merchant.lat,