refactor(components): replace Sharing with SharingWidget component

* all the widgets should have a coherent name
* fix mailto uri
* remove useless CSS
* add tests

2 files changed, 70 insertions, 78 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 2b18178..02fe61b 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -31,6 +31,10 @@
     "defaultMessage": "Related thematics",
     "description": "TopicPage: related thematics list widget title"
   },
+  "0f7fty": {
+    "defaultMessage": "Share on Diaspora",
+    "description": "SharingWidget: Diaspora sharing link"
+  },
   "0gVlI3": {
     "defaultMessage": "Tracking:",
     "description": "AckeeToggle: select label"
@@ -75,10 +79,6 @@
     "defaultMessage": "Written by:",
     "description": "PostPreviewMeta: author label"
   },
-  "2ukj9H": {
-    "defaultMessage": "Share by Email",
-    "description": "Sharing: Email sharing link"
-  },
   "310o3F": {
     "defaultMessage": "Error 404: Page not found - {websiteName}",
     "description": "404Page: SEO - Page title"
@@ -191,6 +191,10 @@
     "defaultMessage": "Pagination",
     "description": "BlogPage: pagination accessible name"
   },
+  "AsXE0d": {
+    "defaultMessage": "Read more here:",
+    "description": "SharingWidget: content link prefix"
+  },
   "B1lS/v": {
     "defaultMessage": "Reading time:",
     "description": "PostPreviewMeta: reading time label"
@@ -203,6 +207,10 @@
     "defaultMessage": "Others formats",
     "description": "CVPage: cv preview widget title"
   },
+  "BLq3+e": {
+    "defaultMessage": "You should read {title}",
+    "description": "SharingWidget: subject text"
+  },
   "BYdQze": {
     "defaultMessage": "Read more<a11y> about {postTitle}</a11y>",
     "description": "PostPreview: read more link"
@@ -267,6 +275,14 @@
     "defaultMessage": "Reading time:",
     "description": "ArticlePage: reading time label"
   },
+  "HKKkQk": {
+    "defaultMessage": "Share",
+    "description": "SharingWidget: widget title"
+  },
+  "Hclr0a": {
+    "defaultMessage": "Share on Journal du Hacker",
+    "description": "SharingWidget: Journal du Hacker sharing link"
+  },
   "HohQPh": {
     "defaultMessage": "Thematics",
     "description": "Error404Page: thematics list widget title"
@@ -343,10 +359,6 @@
     "defaultMessage": "Topics",
     "description": "SearchPage: topics list widget title"
   },
-  "NI5gXc": {
-    "defaultMessage": "Share on Twitter",
-    "description": "Sharing: Twitter sharing link"
-  },
   "NfAn9N": {
     "defaultMessage": "{commentsCount, plural, =0 {No comments} one {# comment} other {# comments}}<a11y> about {title}</a11y>",
     "description": "PostPreviewMeta: comments count"
@@ -367,6 +379,10 @@
     "defaultMessage": "Technologies:",
     "description": "ProjectOverview: technologies label"
   },
+  "OWygWB": {
+    "defaultMessage": "Share by Email",
+    "description": "SharingWidget: Email sharing link"
+  },
   "OevMeU": {
     "defaultMessage": "{minutesCount} minutes {secondsCount} seconds",
     "description": "useReadingTime: minutes + seconds count"
@@ -395,6 +411,10 @@
     "defaultMessage": "Reply",
     "description": "CommentsList: reply button"
   },
+  "QdBC6q": {
+    "defaultMessage": "Share on Twitter",
+    "description": "SharingWidget: Twitter sharing link"
+  },
   "Qh2CwH": {
     "defaultMessage": "Find me elsewhere",
     "description": "ContactPage: social media widget title"
@@ -435,10 +455,6 @@
     "defaultMessage": "Published on:",
     "description": "ThematicPage: publication date label"
   },
-  "UsQske": {
-    "defaultMessage": "Read more here:",
-    "description": "Sharing: content link prefix"
-  },
   "VkAnvv": {
     "defaultMessage": "Send",
     "description": "ContactForm: send button"
@@ -463,6 +479,10 @@
     "defaultMessage": "Search",
     "description": "SearchForm: button accessible name"
   },
+  "WzYUm5": {
+    "defaultMessage": "Share on Facebook",
+    "description": "SharingWidget: Facebook sharing link"
+  },
   "X8oujO": {
     "defaultMessage": "Search for:",
     "description": "SearchForm: field accessible label"
@@ -475,10 +495,6 @@
     "defaultMessage": "Open search",
     "description": "Layout: search button label in navbar"
   },
-  "Y+DYja": {
-    "defaultMessage": "Share on LinkedIn",
-    "description": "Sharing: LinkedIn sharing link"
-  },
   "YV//MH": {
     "defaultMessage": "No results found.",
     "description": "SearchPage: no results"
@@ -511,10 +527,6 @@
     "defaultMessage": "{topicsCount, plural, =0 {Topics:} one {Topic:} other {Topics:}}",
     "description": "PostPreviewMeta: topics label"
   },
-  "azgQuH": {
-    "defaultMessage": "You should read {title}",
-    "description": "Sharing: subject text"
-  },
   "bPv0VG": {
     "defaultMessage": "Contact form",
     "description": "Contact: form accessible name"
@@ -651,17 +663,13 @@
     "defaultMessage": "Legal notice",
     "description": "Layout: Legal notice label"
   },
-  "o0DAK4": {
-    "defaultMessage": "Share on Facebook",
-    "description": "Sharing: Facebook sharing link"
-  },
   "o3WSz5": {
     "defaultMessage": "Settings",
     "description": "Layout: settings modal title in navbar"
   },
-  "oVLRW8": {
-    "defaultMessage": "Share on Diaspora",
-    "description": "Sharing: Diaspora sharing link"
+  "ofQPC+": {
+    "defaultMessage": "Share on LinkedIn",
+    "description": "SharingWidget: LinkedIn sharing link"
   },
   "og/zWL": {
     "defaultMessage": "Dark theme",
@@ -683,10 +691,6 @@
     "defaultMessage": "Discover search results for {query} on {websiteName}.",
     "description": "SearchPage: SEO - Meta description"
   },
-  "q3U6uI": {
-    "defaultMessage": "Share",
-    "description": "Sharing: widget title"
-  },
   "qnwsWV": {
     "defaultMessage": "Projects",
     "description": "Layout: main nav - projects link"
@@ -751,10 +755,6 @@
     "defaultMessage": "Web development",
     "description": "HomePage: link to web development thematic"
   },
-  "vnbryZ": {
-    "defaultMessage": "Share on Journal du Hacker",
-    "description": "Sharing: Journal du Hacker sharing link"
-  },
   "vtDLzG": {
     "defaultMessage": "Would you like to try a new search?",
     "description": "SearchPage: try a new search message"
@@ -787,10 +787,6 @@
     "defaultMessage": "Message:",
     "description": "ContactForm: message label"
   },
-  "yfgMcl": {
-    "defaultMessage": "Introduction:",
-    "description": "Sharing: email content prefix"
-  },
   "zEN3fd": {
     "defaultMessage": "All posts in {topicName}",
     "description": "TopicPage: posts list heading"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 1dd1688..27eb582 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -31,6 +31,10 @@
     "defaultMessage": "Thématiques liées",
     "description": "TopicPage: related thematics list widget title"
   },
+  "0f7fty": {
+    "defaultMessage": "Partager sur Diaspora",
+    "description": "SharingWidget: Diaspora sharing link"
+  },
   "0gVlI3": {
     "defaultMessage": "Suivi :",
     "description": "AckeeToggle: select label"
@@ -75,10 +79,6 @@
     "defaultMessage": "Écrit par :",
     "description": "PostPreviewMeta: author label"
   },
-  "2ukj9H": {
-    "defaultMessage": "Partager par email",
-    "description": "Sharing: Email sharing link"
-  },
   "310o3F": {
     "defaultMessage": "Erreur 404 : Page non trouvée - {websiteName}",
     "description": "404Page: SEO - Page title"
@@ -191,6 +191,10 @@
     "defaultMessage": "Pagination",
     "description": "BlogPage: pagination accessible name"
   },
+  "AsXE0d": {
+    "defaultMessage": "En lire plus ici :",
+    "description": "SharingWidget: content link prefix"
+  },
   "B1lS/v": {
     "defaultMessage": "Temps de lecture :",
     "description": "PostPreviewMeta: reading time label"
@@ -203,6 +207,10 @@
     "defaultMessage": "Autres formats",
     "description": "CVPage: cv preview widget title"
   },
+  "BLq3+e": {
+    "defaultMessage": "Vous devriez lire {title}",
+    "description": "SharingWidget: subject text"
+  },
   "BYdQze": {
     "defaultMessage": "En lire plus<a11y> à propos de {postTitle}</a11y>",
     "description": "PostPreview: read more link"
@@ -267,6 +275,14 @@
     "defaultMessage": "Temps de lecture :",
     "description": "ArticlePage: reading time label"
   },
+  "HKKkQk": {
+    "defaultMessage": "Partager",
+    "description": "SharingWidget: widget title"
+  },
+  "Hclr0a": {
+    "defaultMessage": "Partager sur le Journal du Hacker",
+    "description": "SharingWidget: Journal du Hacker sharing link"
+  },
   "HohQPh": {
     "defaultMessage": "Thématiques",
     "description": "Error404Page: thematics list widget title"
@@ -343,10 +359,6 @@
     "defaultMessage": "Sujets",
     "description": "SearchPage: topics list widget title"
   },
-  "NI5gXc": {
-    "defaultMessage": "Partager sur Twitter",
-    "description": "Sharing: Twitter sharing link"
-  },
   "NfAn9N": {
     "defaultMessage": "{commentsCount, plural, =0 {0 commentaire} one {# commentaire} other {# commentaires}}<a11y> à propos de {title}</a11y>",
     "description": "PostPreviewMeta: comments count"
@@ -367,6 +379,10 @@
     "defaultMessage": "Technologies :",
     "description": "ProjectOverview: technologies label"
   },
+  "OWygWB": {
+    "defaultMessage": "Partager par email",
+    "description": "SharingWidget: Email sharing link"
+  },
   "OevMeU": {
     "defaultMessage": "{minutesCount} minutes {secondsCount} secondes",
     "description": "useReadingTime: minutes + seconds count"
@@ -395,6 +411,10 @@
     "defaultMessage": "Répondre",
     "description": "CommentsList: reply button"
   },
+  "QdBC6q": {
+    "defaultMessage": "Partager sur Twitter",
+    "description": "SharingWidget: Twitter sharing link"
+  },
   "Qh2CwH": {
     "defaultMessage": "Retrouvez-moi ailleurs",
     "description": "ContactPage: social media widget title"
@@ -435,10 +455,6 @@
     "defaultMessage": "Publié le :",
     "description": "ThematicPage: publication date label"
   },
-  "UsQske": {
-    "defaultMessage": "En lire plus ici :",
-    "description": "Sharing: content link prefix"
-  },
   "VkAnvv": {
     "defaultMessage": "Envoyer",
     "description": "ContactForm: send button"
@@ -463,6 +479,10 @@
     "defaultMessage": "Rechercher",
     "description": "SearchForm: button accessible name"
   },
+  "WzYUm5": {
+    "defaultMessage": "Partager sur Facebook",
+    "description": "SharingWidget: Facebook sharing link"
+  },
   "X8oujO": {
     "defaultMessage": "Rechercher :",
     "description": "SearchForm: field accessible label"
@@ -475,10 +495,6 @@
     "defaultMessage": "Ouvrir la recherche",
     "description": "Layout: search button label in navbar"
   },
-  "Y+DYja": {
-    "defaultMessage": "Partager sur LinkedIn",
-    "description": "Sharing: LinkedIn sharing link"
-  },
   "YV//MH": {
     "defaultMessage": "Aucun résultat.",
     "description": "SearchPage: no results"
@@ -511,10 +527,6 @@
     "defaultMessage": "{topicsCount, plural, =0 {Sujets :} one {Sujet :} other {Sujets :}}",
     "description": "PostPreviewMeta: topics label"
   },
-  "azgQuH": {
-    "defaultMessage": "Vous devriez lire {title}",
-    "description": "Sharing: subject text"
-  },
   "bPv0VG": {
     "defaultMessage": "Formulaire de contact",
     "description": "Contact: form accessible name"
@@ -651,17 +663,13 @@
     "defaultMessage": "Mentions légales",
     "description": "Layout: Legal notice label"
   },
-  "o0DAK4": {
-    "defaultMessage": "Partager sur Facebook",
-    "description": "Sharing: Facebook sharing link"
-  },
   "o3WSz5": {
     "defaultMessage": "Réglages",
     "description": "Layout: settings modal title in navbar"
   },
-  "oVLRW8": {
-    "defaultMessage": "Partager sur Diaspora",
-    "description": "Sharing: Diaspora sharing link"
+  "ofQPC+": {
+    "defaultMessage": "Partager sur LinkedIn",
+    "description": "SharingWidget: LinkedIn sharing link"
   },
   "og/zWL": {
     "defaultMessage": "Thème sombre",
@@ -683,10 +691,6 @@
     "defaultMessage": "Découvrez les résultats de recherche pour {query} sur {websiteName}.",
     "description": "SearchPage: SEO - Meta description"
   },
-  "q3U6uI": {
-    "defaultMessage": "Partager",
-    "description": "Sharing: widget title"
-  },
   "qnwsWV": {
     "defaultMessage": "Projets",
     "description": "Layout: main nav - projects link"
@@ -751,10 +755,6 @@
     "defaultMessage": "Développement web",
     "description": "HomePage: link to web development thematic"
   },
-  "vnbryZ": {
-    "defaultMessage": "Partager sur le Journal du Hacker",
-    "description": "Sharing: Journal du Hacker sharing link"
-  },
   "vtDLzG": {
     "defaultMessage": "Souhaitez-vous essayer une nouvelle recherche ?",
     "description": "SearchPage: try a new search message"
@@ -787,10 +787,6 @@
     "defaultMessage": "Message :",
     "description": "ContactForm: message label"
   },
-  "yfgMcl": {
-    "defaultMessage": "Introduction :",
-    "description": "Sharing: email content prefix"
-  },
   "zEN3fd": {
     "defaultMessage": "Tous les articles dans {topicName}",
     "description": "TopicPage: posts list heading"