From 4e45f3b55a43c61ba4b3001cdd1c1403898d77f5 Mon Sep 17 00:00:00 2001
From: kemuru <102478601+kemuru@users.noreply.github.com>
Date: Sat, 2 Nov 2024 04:28:06 +0100
Subject: [PATCH 1/2] feat: update footer socials

---
 web-devtools/src/consts/socialmedia.tsx     | 41 +++++++--------------
 web/src/assets/svgs/socialmedia/youtube.svg | 10 +++++
 web/src/consts/socialmedia.tsx              | 41 +++++++--------------
 3 files changed, 36 insertions(+), 56 deletions(-)
 create mode 100644 web/src/assets/svgs/socialmedia/youtube.svg

diff --git a/web-devtools/src/consts/socialmedia.tsx b/web-devtools/src/consts/socialmedia.tsx
index ed3ff7d62..2318054d1 100644
--- a/web-devtools/src/consts/socialmedia.tsx
+++ b/web-devtools/src/consts/socialmedia.tsx
@@ -1,47 +1,32 @@
 import React from "react";
 
 import DiscordLogo from "svgs/socialmedia/discord.svg";
-import EtherscanLogo from "svgs/socialmedia/etherscan.svg";
-import GhostBlogLogo from "svgs/socialmedia/ghost-blog.svg";
 import GithubLogo from "svgs/socialmedia/github.svg";
 import LinkedinLogo from "svgs/socialmedia/linkedin.svg";
-import RedditLogo from "svgs/socialmedia/reddit.svg";
-import SnapshotLogo from "svgs/socialmedia/snapshot.svg";
+import YouTubeLogo from "svgs/socialmedia/youtube.svg";
 import TelegramLogo from "svgs/socialmedia/telegram.svg";
 import XLogo from "svgs/socialmedia/x.svg";
 
 export const socialmedia = {
-  etherscan: {
-    icon: <EtherscanLogo />,
-    url: "",
-  },
-  github: {
-    icon: <GithubLogo />,
-    url: "https://github.com/kleros",
-  },
-  snapshot: {
-    icon: <SnapshotLogo />,
-    url: "https://snapshot.org/#/kleros.eth",
-  },
-  discord: {
-    icon: <DiscordLogo />,
-    url: "https://discord.com/invite/MhXQGCyHd9",
+  telegram: {
+    icon: <TelegramLogo />,
+    url: "https://t.me/kleros",
   },
   x: {
     icon: <XLogo />,
     url: "https://x.com/kleros_io",
   },
-  reddit: {
-    icon: <RedditLogo />,
-    url: "https://www.reddit.com/r/Kleros/",
+  discord: {
+    icon: <DiscordLogo />,
+    url: "https://discord.com/invite/MhXQGCyHd9",
   },
-  telegram: {
-    icon: <TelegramLogo />,
-    url: "https://t.me/kleros",
+  youtube: {
+    icon: <YouTubeLogo />,
+    url: "https://youtube.com/@kleros_io",
   },
-  ghost: {
-    icon: <GhostBlogLogo />,
-    url: "https://blog.kleros.io/",
+  github: {
+    icon: <GithubLogo />,
+    url: "https://github.com/kleros",
   },
   linkedin: {
     icon: <LinkedinLogo />,
diff --git a/web/src/assets/svgs/socialmedia/youtube.svg b/web/src/assets/svgs/socialmedia/youtube.svg
new file mode 100644
index 000000000..42fbfdc45
--- /dev/null
+++ b/web/src/assets/svgs/socialmedia/youtube.svg
@@ -0,0 +1,10 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_22197_18763)">
+<path d="M16.2619 3.78224C16.0778 3.08071 15.5357 2.52821 14.8473 2.34071C13.5995 2 8.59619 2 8.59619 2C8.59619 2 3.59288 2 2.3451 2.34071C1.65671 2.52824 1.11454 3.08071 0.930527 3.78224C0.596191 5.05381 0.596191 7.70681 0.596191 7.70681C0.596191 7.70681 0.596191 10.3598 0.930527 11.6314C1.11454 12.3329 1.65671 12.8624 2.3451 13.0499C3.59288 13.3906 8.59619 13.3906 8.59619 13.3906C8.59619 13.3906 13.5995 13.3906 14.8473 13.0499C15.5357 12.8624 16.0778 12.3329 16.2619 11.6314C16.5962 10.3598 16.5962 7.70681 16.5962 7.70681C16.5962 7.70681 16.5962 5.05381 16.2619 3.78224ZM6.95982 10.1155V5.29809L11.1416 7.70687L6.95982 10.1155Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_22197_18763">
+<rect width="16" height="16" fill="white" transform="translate(0.596191)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/consts/socialmedia.tsx b/web/src/consts/socialmedia.tsx
index ed3ff7d62..2318054d1 100644
--- a/web/src/consts/socialmedia.tsx
+++ b/web/src/consts/socialmedia.tsx
@@ -1,47 +1,32 @@
 import React from "react";
 
 import DiscordLogo from "svgs/socialmedia/discord.svg";
-import EtherscanLogo from "svgs/socialmedia/etherscan.svg";
-import GhostBlogLogo from "svgs/socialmedia/ghost-blog.svg";
 import GithubLogo from "svgs/socialmedia/github.svg";
 import LinkedinLogo from "svgs/socialmedia/linkedin.svg";
-import RedditLogo from "svgs/socialmedia/reddit.svg";
-import SnapshotLogo from "svgs/socialmedia/snapshot.svg";
+import YouTubeLogo from "svgs/socialmedia/youtube.svg";
 import TelegramLogo from "svgs/socialmedia/telegram.svg";
 import XLogo from "svgs/socialmedia/x.svg";
 
 export const socialmedia = {
-  etherscan: {
-    icon: <EtherscanLogo />,
-    url: "",
-  },
-  github: {
-    icon: <GithubLogo />,
-    url: "https://github.com/kleros",
-  },
-  snapshot: {
-    icon: <SnapshotLogo />,
-    url: "https://snapshot.org/#/kleros.eth",
-  },
-  discord: {
-    icon: <DiscordLogo />,
-    url: "https://discord.com/invite/MhXQGCyHd9",
+  telegram: {
+    icon: <TelegramLogo />,
+    url: "https://t.me/kleros",
   },
   x: {
     icon: <XLogo />,
     url: "https://x.com/kleros_io",
   },
-  reddit: {
-    icon: <RedditLogo />,
-    url: "https://www.reddit.com/r/Kleros/",
+  discord: {
+    icon: <DiscordLogo />,
+    url: "https://discord.com/invite/MhXQGCyHd9",
   },
-  telegram: {
-    icon: <TelegramLogo />,
-    url: "https://t.me/kleros",
+  youtube: {
+    icon: <YouTubeLogo />,
+    url: "https://youtube.com/@kleros_io",
   },
-  ghost: {
-    icon: <GhostBlogLogo />,
-    url: "https://blog.kleros.io/",
+  github: {
+    icon: <GithubLogo />,
+    url: "https://github.com/kleros",
   },
   linkedin: {
     icon: <LinkedinLogo />,

From 7c3865b38607d0e9bb6b646534d884c0b69fe780 Mon Sep 17 00:00:00 2001
From: kemuru <102478601+kemuru@users.noreply.github.com>
Date: Sat, 2 Nov 2024 04:34:34 +0100
Subject: [PATCH 2/2] fix: missing youtube svg in the web devtools setup

---
 web-devtools/src/assets/svgs/socialmedia/youtube.svg | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 web-devtools/src/assets/svgs/socialmedia/youtube.svg

diff --git a/web-devtools/src/assets/svgs/socialmedia/youtube.svg b/web-devtools/src/assets/svgs/socialmedia/youtube.svg
new file mode 100644
index 000000000..42fbfdc45
--- /dev/null
+++ b/web-devtools/src/assets/svgs/socialmedia/youtube.svg
@@ -0,0 +1,10 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_22197_18763)">
+<path d="M16.2619 3.78224C16.0778 3.08071 15.5357 2.52821 14.8473 2.34071C13.5995 2 8.59619 2 8.59619 2C8.59619 2 3.59288 2 2.3451 2.34071C1.65671 2.52824 1.11454 3.08071 0.930527 3.78224C0.596191 5.05381 0.596191 7.70681 0.596191 7.70681C0.596191 7.70681 0.596191 10.3598 0.930527 11.6314C1.11454 12.3329 1.65671 12.8624 2.3451 13.0499C3.59288 13.3906 8.59619 13.3906 8.59619 13.3906C8.59619 13.3906 13.5995 13.3906 14.8473 13.0499C15.5357 12.8624 16.0778 12.3329 16.2619 11.6314C16.5962 10.3598 16.5962 7.70681 16.5962 7.70681C16.5962 7.70681 16.5962 5.05381 16.2619 3.78224ZM6.95982 10.1155V5.29809L11.1416 7.70687L6.95982 10.1155Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_22197_18763">
+<rect width="16" height="16" fill="white" transform="translate(0.596191)"/>
+</clipPath>
+</defs>
+</svg>