add youtube social link, remove mastadon

3DStreet · Oct 16, 2024 · 45f3f0d · 45f3f0d
1 parent e07136d
commit 45f3f0d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/src/components/Home/index.js b/src/components/Home/index.js
@@ -14,6 +14,7 @@ import {
 } from "../../icons";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import MuxPlayer from "@mux/mux-player-react";
+import { YouTubeIcon } from "../../icons/socials";
 
 export default function Home({ recentPosts }) {
   const {
@@ -189,20 +190,20 @@ export default function Home({ recentPosts }) {
 
           <div className="relative_wrapper">
             <aside className="socials">
-              <a href="https://discord.com/invite/9DgKkFCetC" target="_blank">
-                <DiscordIcon />
-              </a>
-              <a href="https://twitter.com/3dstreetapp" target="_blank">
-                <XIcon />
-              </a>
               <a
                 href="https://www.linkedin.com/company/3dstreet/"
                 target="_blank"
               >
                 <LinkedInIcon />
               </a>
-              <a href="https://urbanists.social/@3dstreet" target="_blank">
-                <MastodonIcon />
+              <a href="https://youtube.com/@3dstreetapp" target="_blank">
+                <YouTubeIcon />
+              </a>
+              <a href="https://twitter.com/3dstreetapp" target="_blank">
+                <XIcon />
+              </a>
+              <a href="https://discord.com/invite/9DgKkFCetC" target="_blank">
+                <DiscordIcon />
               </a>
             </aside>
 

diff --git a/src/icons/socials/index.js b/src/icons/socials/index.js
@@ -5,3 +5,4 @@ export { XIcon } from "./x.icon";
 export { XIcon2 } from "./x2.icon";
 export { GithubIcon } from "./github.icon";
 export { DiscordIcon2 } from "./discord2.icon";
+export { YouTubeIcon } from "./youtube.icon";
diff --git a/src/icons/socials/youtube.icon.jsx b/src/icons/socials/youtube.icon.jsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+const YouTubeIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" viewBox="-35.20005 -41.33325 305.0671 247.9995"><path d="M93.333 117.559V47.775l61.334 34.893zm136.43-91.742c-2.699-10.162-10.651-18.165-20.747-20.881C190.716 0 117.333 0 117.333 0S43.951 0 25.651 4.936C15.555 7.652 7.603 15.655 4.904 25.817 0 44.236 0 82.667 0 82.667s0 38.429 4.904 56.849c2.699 10.163 10.65 18.165 20.747 20.883 18.3 4.934 91.682 4.934 91.682 4.934s73.383 0 91.683-4.934c10.096-2.718 18.048-10.72 20.747-20.883 4.904-18.42 4.904-56.85 4.904-56.85s0-38.43-4.904-56.849" fill="#fff" /></svg>
+);
+
+export { YouTubeIcon };