From 89823bb424f54e4b830568dacf07aed271e130c8 Mon Sep 17 00:00:00 2001
From: NeedNotToKnow <woeiloon96@gmail.com>
Date: Fri, 12 May 2023 04:38:10 +0800
Subject: [PATCH] feat: add youtube, facebook, whatsapp as social platform
 option (#521)

---
 public/assets/social/facebook.svg | 12 ++++++++++++
 public/assets/social/whatsapp.svg |  1 +
 public/assets/social/youtube.svg  | 11 +++++++++++
 src/components/site/Platform.tsx  | 15 +++++++++++++++
 4 files changed, 39 insertions(+)
 create mode 100644 public/assets/social/facebook.svg
 create mode 100644 public/assets/social/whatsapp.svg
 create mode 100644 public/assets/social/youtube.svg

diff --git a/public/assets/social/facebook.svg b/public/assets/social/facebook.svg
new file mode 100644
index 00000000..18d22f57
--- /dev/null
+++ b/public/assets/social/facebook.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="24" width="24" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <g transform="translate(0 -1028.4)">
+  <g>
+   <path d="m4 1031.4c-1.1046 0-2 0.9-2 2v16c0 1.1 0.8954 2 2 2h16c1.105 0 2-0.9 2-2v-16c0-1.1-0.895-2-2-2h-16z" fill="#30497b"/>
+   <path d="m4 2c-1.1046 0-2 0.8954-2 2v16c0 1.105 0.8954 2 2 2h16c1.105 0 2-0.895 2-2v-16c0-1.1046-0.895-2-2-2h-16z" transform="translate(0 1028.4)" fill="#3b5998"/>
+   <path d="m17 1034.4c-2.209 0-4 1.8-4 4v3h-2v3h2v7h3v-7h2.454l0.546-3h-3v-3c0-0.6 0.448-1 1-1h2v-3z" fill="#30497b"/>
+   <path d="m17 5c-2.209 0-4 1.7909-4 4v3h-2v3h2v7h3v-7h2.454l0.546-3h-3v-3c0-0.5523 0.448-1 1-1h2v-3z" transform="translate(0 1028.4)" fill="#ecf0f1"/>
+   <rect transform="translate(0 1028.4)" height="1" width="3" y="22" x="13" fill="#bdc3c7"/>
+  </g>
+ </g>
+</svg>
diff --git a/public/assets/social/whatsapp.svg b/public/assets/social/whatsapp.svg
new file mode 100644
index 00000000..5a0a8925
--- /dev/null
+++ b/public/assets/social/whatsapp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778.72 778.72"><defs><linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 584.04474 584.04474 0 642 241.839)" spreadMethod="pad" id="a"><stop offset="0" stop-color="#25cf43"/><stop offset="1" stop-color="#61fd7d"/></linearGradient></defs><path d="M482.751 825.596c-13.025-.463-29.812-1.482-37.442-3.022-11.647-2.352-22.646-5.918-31.793-10.58-10.747-5.477-20.379-12.465-28.696-20.769-8.336-8.32-15.352-17.961-20.851-28.724-4.649-9.098-8.213-20.03-10.575-31.611-1.571-7.707-2.61-24.619-3.081-37.728a525.205 525.205 0 01-.289-15.49l-.046-287.576c0-3.185.097-10.121.287-15.485.463-13.024 1.482-29.811 3.023-37.441 2.351-11.646 5.918-22.646 10.579-31.793 5.478-10.748 12.465-20.378 20.769-28.696 8.32-8.335 17.962-15.351 28.724-20.851 9.099-4.648 20.031-8.213 31.611-10.575 7.707-1.571 24.62-2.61 37.729-3.08 5.356-.192 12.291-.29 15.489-.29l287.576-.046c3.186 0 10.122.096 15.484.287 13.025.464 29.813 1.482 37.442 3.023 11.647 2.352 22.647 5.919 31.793 10.579 10.747 5.478 20.379 12.466 28.696 20.769 8.335 8.321 15.351 17.961 20.851 28.724 4.648 9.099 8.214 20.03 10.575 31.611 1.572 7.707 2.61 24.621 3.081 37.729.192 5.357.289 12.291.289 15.489l.047 287.576c0 3.186-.097 10.122-.288 15.485-.464 13.024-1.482 29.811-3.023 37.441-2.351 11.647-5.918 22.646-10.579 31.793-5.477 10.748-12.466 20.379-20.768 28.697-8.321 8.334-17.963 15.351-28.725 20.85-9.099 4.649-20.03 8.214-31.611 10.575-7.707 1.571-24.62 2.61-37.728 3.08-5.358.193-12.292.29-15.49.29l-287.576.046a524.82 524.82 0 01-15.484-.287" fill="url(#a)" transform="matrix(1.33333 0 0 -1.33333 -466.637 1101.177)"/><path d="M524.354 440.616c-6.936-3.47-41.036-20.245-47.395-22.558-6.357-2.314-10.98-3.471-15.604 3.47-4.624 6.942-17.916 22.559-21.963 27.187-4.045 4.627-8.09 5.207-15.026 1.735-6.936-3.47-29.284-10.792-55.776-34.415-20.62-18.384-34.54-41.092-38.586-48.033-4.045-6.942-.43-10.694 3.043-14.151 3.119-3.105 6.935-8.097 10.403-12.147 3.468-4.05 4.624-6.941 6.936-11.568 2.312-4.628 1.156-8.677-.58-12.148-1.732-3.47-15.603-37.598-21.383-51.481-5.63-13.52-11.348-11.69-15.605-11.903-4.042-.201-8.67-.244-13.294-.244-4.624 0-12.137 1.736-18.496 8.676-6.357 6.942-24.274 23.718-24.274 57.844 0 34.128 24.853 67.099 28.32 71.727 3.469 4.628 48.909 74.663 118.485 104.696 16.548 7.144 29.468 11.41 39.54 14.607 16.616 5.276 31.736 4.532 43.687 2.746 13.325-1.99 41.036-16.774 46.816-32.97 5.778-16.196 5.778-30.08 4.045-32.971-1.733-2.892-6.357-4.628-13.293-8.099M397.8 613.355h-.093c-41.4-.016-82.005-11.133-117.428-32.148l-8.425-5-87.322 22.9 23.308-85.11-5.486-8.726c-23.095-36.723-35.292-79.167-35.275-122.747.05-127.168 103.55-230.628 230.813-230.628 61.624.024 119.552 24.047 163.112 67.642 43.56 43.596 67.536 101.545 67.512 163.173-.052 127.177-103.55 230.644-230.716 230.644M594.158 186.41c-52.408-52.452-122.104-81.352-196.36-81.381-153 0-277.524 124.476-277.586 277.477-.02 48.908 12.762 96.65 37.052 138.73l-39.38 143.797 147.152-38.587c40.544 22.107 86.192 33.756 132.65 33.776h.116c152.985 0 277.52-124.492 277.582-277.495.028-74.146-28.817-143.866-81.226-196.317" fill="#fff" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/public/assets/social/youtube.svg b/public/assets/social/youtube.svg
new file mode 100644
index 00000000..1b8e2426
--- /dev/null
+++ b/public/assets/social/youtube.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg height="800px" width="800px" version="1.1" id="Layer_1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 461.001 461.001" xml:space="preserve">
+	<g>
+		<path style="fill:#F61C0D;" d="M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728
+		c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137
+		C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607
+		c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"/>
+	</g>
+</svg>
\ No newline at end of file
diff --git a/src/components/site/Platform.tsx b/src/components/site/Platform.tsx
index 0b4aa298..a7d79c77 100644
--- a/src/components/site/Platform.tsx
+++ b/src/components/site/Platform.tsx
@@ -94,6 +94,21 @@ const syncMap: {
     icon: "/assets/social/keybase.png",
     url: "https://keybase.io/{username}",
   },
+  youtube: {
+    name: "Youtube",
+    icon: "/assets/social/youtube.svg",
+    url: "https://youtube.com/@{username}",
+  },
+  facebook: {
+    name: "Facebook",
+    icon: "/assets/social/facebook.svg",
+    url: "https://facebook.com/{username}",
+  },
+  whatsapp: {
+    name: "Whatsapp",
+    icon: "/assets/social/whatsapp.svg",
+    url: "https://wa.me/{username}",
+  },
 }
 
 export const Platform: React.FC<{