diff --git a/src/components/infos/Infos.tsx b/src/components/infos/Infos.tsx index 8a68078..4a1aa4f 100644 --- a/src/components/infos/Infos.tsx +++ b/src/components/infos/Infos.tsx @@ -1,4 +1,4 @@ -import { Grid, IconButton } from '@suid/material'; +import { Button, Grid, IconButton } from '@suid/material'; import { Feature } from 'ol'; import { Geometry } from 'ol/geom'; import { getLength } from 'ol/sphere'; @@ -6,6 +6,9 @@ import { Component, createSignal, For, Show } from 'solid-js'; import { useI18n } from '@solid-primitives/i18n'; import EditIcon from '@suid/icons-material/Edit'; import TravelExploreIcon from '@suid/icons-material/TravelExplore'; +import AddLocationAltIcon from '@suid/icons-material/AddLocationAlt'; +import OpenInNewIcon from '@suid/icons-material/OpenInNew'; +import CallIcon from '@suid/icons-material/Call'; import { Paper, Stack } from '@suid/material'; import styled from '@suid/material/styles/styled'; import Dialog from '../dialog'; @@ -171,13 +174,17 @@ const Infos: Component<{}> = (props) => { ${feature.get('name') || ''}`}
+ + + { await Browser.open({ - url: `https://www.qwant.com/?q=${encodeURIComponent(`${feature.get( - 'class' - )} - ${feature.get('name') || ''}`)}&t=web`, + url: `https://www.qwant.com/?q=${encodeURIComponent( + feature.get('class') + + ' ' + + feature.get('name') || '' + )}&t=web`, }); }} > @@ -196,9 +203,42 @@ const Infos: Component<{}> = (props) => { {(key: string) => ( -
{`${key}: ${ - feature.getProperties()[key] - }`}
+
+ + + + } + > + + +
)}