Added YouTube to website footer (#5929)

Author: thill2323

apps/web-roo-code/src/components/chromes/footer.tsx

@@ -4,7 +4,7 @@ import { useState, useRef, useEffect } from "react"
 import Link from "next/link"
 import Image from "next/image"
 import { ChevronDown } from "lucide-react"
-import { FaBluesky, FaDiscord, FaGithub, FaLinkedin, FaReddit, FaTiktok, FaXTwitter } from "react-icons/fa6"
+import { FaBluesky, FaDiscord, FaGithub, FaLinkedin, FaReddit, FaTiktok, FaXTwitter, FaYoutube } from "react-icons/fa6"
 
 import { EXTERNAL_LINKS, INTERNAL_LINKS } from "@/lib/constants"
 import { useLogoSrc } from "@/lib/hooks/use-logo-src"
@@ -80,6 +80,14 @@ export function Footer() {
 								<FaLinkedin className="h-6 w-6" />
 								<span className="sr-only">LinkedIn</span>
 							</a>
+							<a
+								href={EXTERNAL_LINKS.BLUESKY}
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-muted-foreground transition-colors hover:text-foreground">
+								<FaBluesky className="h-6 w-6" />
+								<span className="sr-only">Bluesky</span>
+							</a>
 							<a
 								href={EXTERNAL_LINKS.TIKTOK}
 								target="_blank"
@@ -89,12 +97,12 @@ export function Footer() {
 								<span className="sr-only">TikTok</span>
 							</a>
 							<a
-								href={EXTERNAL_LINKS.BLUESKY}
+								href={EXTERNAL_LINKS.YOUTUBE}
 								target="_blank"
 								rel="noopener noreferrer"
 								className="text-muted-foreground transition-colors hover:text-foreground">
-								<FaBluesky className="h-6 w-6" />
-								<span className="sr-only">Bluesky</span>
+								<FaYoutube className="h-6 w-6" />
+								<span className="sr-only">YouTube</span>
 							</a>
 						</div>
 					</div>

apps/web-roo-code/src/lib/constants.ts

@@ -6,6 +6,7 @@ export const EXTERNAL_LINKS = {
 	LINKEDIN: "https://www.linkedin.com/company/roo-code",
 	TIKTOK: "https://www.tiktok.com/@roo.code",
 	BLUESKY: "https://bsky.app/profile/roocode.bsky.social",
+	YOUTUBE: "https://www.youtube.com/@RooCodeYT",
 	DOCUMENTATION: "https://docs.roocode.com",
 	CAREERS: "https://careers.roocode.com",
 	ISSUES: "https://github.com/RooCodeInc/Roo-Code/issues",