From ee000862f851f2e2e89522d76abd02c07abd4d96 Mon Sep 17 00:00:00 2001
From: evlist <vdv@dyomedea.com>
Date: Mon, 16 Jan 2023 17:27:49 +0100
Subject: [PATCH] Adding a button to open a POIsearch in a browser

---
 package-lock.json              |  9 +++++++++
 package.json                   |  1 +
 src/components/infos/Infos.tsx | 12 +++++++++++-
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index af679fc..fc05def 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "@awesome-cordova-plugins/web-intent": "^6.3.0",
         "@capacitor-community/background-geolocation": "^1.2.7",
         "@capacitor/android": "^4.6.1",
+        "@capacitor/browser": "^4.1.0",
         "@capacitor/core": "^4.6.1",
         "@capacitor/ios": "^4.6.1",
         "@esbuild-plugins/node-globals-polyfill": "^0.1.1",
@@ -627,6 +628,14 @@
         "@capacitor/core": "^4.6.0"
       }
     },
+    "node_modules/@capacitor/browser": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/browser/-/browser-4.1.0.tgz",
+      "integrity": "sha512-WKAZDc9ECYQesEXlVhJu5/qbqkL5rj15wg9yBqSC0RXYsOU7aDiTMjXIu+Vu68jA8IQqIuNIp8slDvDQa+U/Kw==",
+      "peerDependencies": {
+        "@capacitor/core": "^4.0.0"
+      }
+    },
     "node_modules/@capacitor/cli": {
       "version": "4.6.1",
       "resolved": "https://registry.npmjs.org/@capacitor/cli/-/cli-4.6.1.tgz",
diff --git a/package.json b/package.json
index 9e36741..8b5587d 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "@awesome-cordova-plugins/web-intent": "^6.3.0",
     "@capacitor-community/background-geolocation": "^1.2.7",
     "@capacitor/android": "^4.6.1",
+    "@capacitor/browser": "^4.1.0",
     "@capacitor/core": "^4.6.1",
     "@capacitor/ios": "^4.6.1",
     "@esbuild-plugins/node-globals-polyfill": "^0.1.1",
diff --git a/src/components/infos/Infos.tsx b/src/components/infos/Infos.tsx
index a3037b0..8a68078 100644
--- a/src/components/infos/Infos.tsx
+++ b/src/components/infos/Infos.tsx
@@ -11,6 +11,7 @@ import styled from '@suid/material/styles/styled';
 import Dialog from '../dialog';
 import Tree from '../tree';
 import { GpxViewer } from '../gpx';
+import { Browser } from '@capacitor/browser';
 
 const Item = styled(Paper)(({ theme }) => ({
   ...theme.typography.body2,
@@ -170,7 +171,16 @@ const Infos: Component<{}> = (props) => {
                                 ${feature.get('name') || ''}`}
                               </div>
                               <div>
-                                <IconButton>
+                                <IconButton
+                                  onClick={async () => {
+                                    await Browser.open({
+                                      url: `https://www.qwant.com/?q=${encodeURIComponent(`${feature.get(
+                                        'class'
+                                      )} 
+                                      ${feature.get('name') || ''}`)}&t=web`,
+                                    });
+                                  }}
+                                >
                                   <TravelExploreIcon />
                                 </IconButton>
                               </div>