Improvements to resources page (#1937)

* use unicode for X logo * make logos bit bigger * feat: add bluesky logo * reorder and add more links * prettier * add talks channel * prettier
graphql · Jan 15, 2025 · ccfd300 · ccfd300
1 parent 7330db7
commit ccfd300
Show file tree

Hide file tree

Showing 6 changed files with 178 additions and 24 deletions.
diff --git a/src/components/cards.tsx b/src/components/cards.tsx
@@ -30,7 +30,7 @@ export function Cards({
             )}
           >
             {/* @ts-expect-error */}
-            {typeof Icon === "function" ? <Icon className="h-6" /> : Icon}
+            {typeof Icon === "function" ? <Icon className="h-12" /> : Icon}
             <b className="mb-2 mt-4 text-center text-lg">{title}</b>
             <span
               className={`text-xs md:text-sm text-center${description ? "" : "break-all"}`}

diff --git a/src/icons/bluesky.svg b/src/icons/bluesky.svg
diff --git a/src/icons/github.svg b/src/icons/github.svg
diff --git a/src/icons/index.ts b/src/icons/index.ts
@@ -38,3 +38,5 @@ export { default as AroundIcon } from "./around.svg"
 export { default as BusIcon } from "./bus.svg"
 export { default as ParkingIcon } from "./parking.svg"
 export { default as TrainIcon } from "./train.svg"
+export { default as BlueskyIcon } from "./bluesky.svg"
+export { default as FoundationTalksChannel } from "./talks-channel.svg"
diff --git a/src/icons/talks-channel.svg b/src/icons/talks-channel.svg
diff --git a/src/pages/community/resources/official-channels.mdx b/src/pages/community/resources/official-channels.mdx
@@ -4,9 +4,12 @@ import {
   DiscordIcon,
   GoogleCalendarIcon,
   Facebook2Icon,
+  LinkedInIcon,
+  BlueskyIcon,
   FileTextIcon,
   CodeIcon,
   GraphQLLogo,
+  FoundationTalksChannel
 } from "../../../icons"
 import { Cards } from "../../../components/cards"
 
@@ -18,17 +21,17 @@ Please follow these channels for updates and information:
 
 <Cards
   items={[
-    {
-      icon: TwitterIcon,
-      title: "X",
-      link: "https://x.com/graphql",
-      description: "@graphql",
-    },
     {
       icon: GitHubIcon,
       title: "GitHub",
       link: "https://github.com/graphql",
     },
+    {
+      icon: FileTextIcon,
+      title: "Blog",
+      link: "/blog",
+      description: "graphql.org/blog",
+    },
     {
       icon: GoogleCalendarIcon,
       title: "Google Calendar",
@@ -39,28 +42,46 @@ Please follow these channels for updates and information:
       title: "Discord",
       link: "https://discord.graphql.org",
     },
-    {
-      icon: Facebook2Icon,
-      title: "Facebook Group",
-      link: "https://fb.com/groups/graphql.community",
-    },
-    {
-      icon: FileTextIcon,
-      title: "Blog",
-      link: "/blog",
-      description: "graphql.org/blog",
-    },
     {
       icon: CodeIcon,
       title: "Tools and libraries",
       link: "/code",
       description: "graphql.org/code",
     },
+    {
+      icon: FoundationTalksChannel,
+      title: "Talks",
+      link: "https://www.youtube.com/@GraphQLFoundationTalks",
+      description: "GraphQL Foundation Talks",
+    },
     {
       icon: GraphQLLogo,
       title: "Shop",
       link: "https://store.graphql.org/",
       description: "store.graphql.org",
     },
+    {
+      icon: LinkedInIcon,
+      title: "LinkedIn",
+      link: "https://www.linkedin.com/company/graphql-foundation/",
+      description: "GraphQL Foundation",
+    },
+    {
+      icon: TwitterIcon,
+      title: "𝕏",
+      link: "https://x.com/graphql",
+      description: "@graphql",
+    },
+    {
+      icon: BlueskyIcon,
+      title: "Bluesky",
+      link: "https://bsky.app/profile/graphql.org",
+      description: "@graphql.org",
+    },
+    {
+      icon: Facebook2Icon,
+      title: "Facebook Group",
+      link: "https://fb.com/groups/graphql.community",
+    },
   ]}
 />