From 2b60b7512893f09dbb9f11349727661022c2440e Mon Sep 17 00:00:00 2001
From: Julien <julien.le.coupanec@gmail.com>
Date: Mon, 10 Sep 2018 14:24:08 +0200
Subject: [PATCH] feat(cheatsheet): add facebook share

---
 components/BaseCheatsheet.vue                   |  6 ++++--
 static/images/components/BaseShare/facebook.svg | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 static/images/components/BaseShare/facebook.svg

diff --git a/components/BaseCheatsheet.vue b/components/BaseCheatsheet.vue
index 82ea570..7419cb2 100644
--- a/components/BaseCheatsheet.vue
+++ b/components/BaseCheatsheet.vue
@@ -58,7 +58,7 @@ export default {
       baseUrl: process.env.baseUrl,
 
       // --> COMPONENTS <--
-      networks: ["Telegram", "Twitter", "LinkedIn"]
+      networks: ["Facebook", "Telegram", "Twitter", "LinkedIn"]
     };
   },
 
@@ -72,7 +72,9 @@ export default {
         `Check this awesome cheatsheet about ${technology}: ${link} #${technology.toLowerCase()} #cheatsheet`
       );
 
-      if (socialNetwork === "telegram") {
+      if (socialNetwork === "facebook") {
+        url = `https://www.facebook.com/sharer/sharer.php?u=${link}`;
+      } else if (socialNetwork === "telegram") {
         url = `https://telegram.me/share/url?url=${link}&text=${message}`;
       } else if (socialNetwork === "twitter") {
         url = `https://twitter.com/intent/tweet?text=${message}`;
diff --git a/static/images/components/BaseShare/facebook.svg b/static/images/components/BaseShare/facebook.svg
new file mode 100644
index 0000000..9799e72
--- /dev/null
+++ b/static/images/components/BaseShare/facebook.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="38px" height="38px" viewBox="0 0 38 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
+    <title>facebook</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Cheatsheet-Block" transform="translate(-105.000000, -113.000000)">
+            <g id="Social-Icons" transform="translate(20.000000, 113.000000)">
+                <g id="facebook" transform="translate(85.000000, 0.000000)">
+                    <path d="M0,19 C0,8.50658923 8.50658923,0 19,0 C29.4934108,0 38,8.50658923 38,19 C38,29.4934108 29.4934108,38 19,38 C8.50658923,38 0,29.4934108 0,19 Z" id="back" fill="#3B5998"></path>
+                    <path d="M20.3470644,29.5382524 L20.3470644,19.2012493 L23.2005294,19.2012493 L23.5786751,15.6390608 L20.3470644,15.6390608 L20.3519125,13.8561511 C20.3519125,12.9270775 20.4401869,12.4292586 21.7746049,12.4292586 L23.558475,12.4292586 L23.558475,8.86666667 L20.7046061,8.86666667 C17.2766505,8.86666667 16.070099,10.5947113 16.070099,13.5007391 L16.070099,15.6394642 L13.9333333,15.6394642 L13.9333333,19.2016527 L16.070099,19.2016527 L16.070099,29.5382524 L20.3470644,29.5382524 Z" id="Shape" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file