From 08d6a525c3a7381efd7eb5f62414eb1208194254 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Pimentel=20Ferreira?=
 <joao.pimentel.ferreira@gmail.com>
Date: Sat, 18 May 2024 21:05:21 +0200
Subject: [PATCH] add social share buttons

---
 package-lock.json                      | 11 +++++++++++
 package.json                           |  1 +
 src/public/src/js/components.js        |  4 ++++
 src/views/partials/resultMap.hbs       |  7 ++++++-
 src/views/partials/socialShareBtns.hbs |  6 ++++++
 5 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/views/partials/socialShareBtns.hbs

diff --git a/package-lock.json b/package-lock.json
index 89baa521d87..b4e568efd23 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -48,6 +48,7 @@
         "reproject": "^1.2.7",
         "sanitize-filename": "^1.6.3",
         "shapefile": "^0.6.6",
+        "shareon": "^2.5.0",
         "sphere-knn": "^1.4.0",
         "topojson-client": "^3.1.0",
         "topojson-server": "^3.0.1",
@@ -14769,6 +14770,16 @@
         "shp2json": "bin/shp2json"
       }
     },
+    "node_modules/shareon": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/shareon/-/shareon-2.5.0.tgz",
+      "integrity": "sha512-3RaRVy7nyi49IUYXZZkvXcylaQgrtM5ZkG0oRovNJLlf2M2/guYiowzCqtIylhNJCBxT4S+c40qRv0Km6myBSQ==",
+      "funding": [
+        "https://github.com/sponsors/kytta/",
+        "https://liberapay.com/kytta",
+        "https://www.paypal.com/paypalme/NickKaramoff"
+      ]
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/package.json b/package.json
index a30175df77f..e84e1d797a3 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
     "reproject": "^1.2.7",
     "sanitize-filename": "^1.6.3",
     "shapefile": "^0.6.6",
+    "shareon": "^2.5.0",
     "sphere-knn": "^1.4.0",
     "topojson-client": "^3.1.0",
     "topojson-server": "^3.0.1",
diff --git a/src/public/src/js/components.js b/src/public/src/js/components.js
index b1264862edc..4925657e838 100644
--- a/src/public/src/js/components.js
+++ b/src/public/src/js/components.js
@@ -10,3 +10,7 @@ import 'bootstrap'
 import 'leaflet/dist/leaflet'
 import 'leaflet-defaulticon-compatibility'
 import 'leaflet-contextmenu/dist/leaflet.contextmenu'
+
+import * as Shareon from 'shareon'
+import 'shareon/css'
+Shareon.init()
diff --git a/src/views/partials/resultMap.hbs b/src/views/partials/resultMap.hbs
index e63eb512f54..c14edb28b60 100644
--- a/src/views/partials/resultMap.hbs
+++ b/src/views/partials/resultMap.hbs
@@ -1,6 +1,11 @@
 <div class="limiter map-limiter">
    <div class="container-table100 container-header">
-      {{{ pageDescription }}}
+      <div class="col-9 text-center">
+         {{{ pageDescription }}}
+      </div>
+      <div class="col-3 text-right">
+         {{> socialShareBtns}}
+      </div>     
    </div>
    <div class="container-table100 map-related-info">
       {{{obj2html input}}}
diff --git a/src/views/partials/socialShareBtns.hbs b/src/views/partials/socialShareBtns.hbs
new file mode 100644
index 00000000000..a02002c96a2
--- /dev/null
+++ b/src/views/partials/socialShareBtns.hbs
@@ -0,0 +1,6 @@
+<div class="shareon">
+  <a class="facebook" aria-label="facebook share button"></a>
+  <a class="linkedin" aria-label="linkedin share button"></a>
+  <a class="twitter" aria-label="twitter share button"></a>
+  <a class="whatsapp" aria-label="whatsapp share button"></a>
+</div>
\ No newline at end of file