Merge pull request #69 from storybookjs/add-community-links

Add conference and jobs board to header and footer
storybookjs · Aug 22, 2023 · 91a3da1 · 91a3da1
2 parents 36f1273 + 3a59477
commit 91a3da1
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 1 deletion.
diff --git a/src/components/Footer/Footer.stories.tsx b/src/components/Footer/Footer.stories.tsx
@@ -39,6 +39,12 @@ const links = {
   getInvolved: { url: '/community', linkWrapper: FakeGatsbyLink },
   blog: { url: 'https://storybook.js.org/blog' },
   hiring: { url: 'https://www.chromatic.com/company/jobs' },
+  jobsBoard: {
+    url: 'https://chromatic-ui.notion.site/Storybook-Jobs-Board-950e001e4a114a39980a5b09c3a3b3e1?pvs=4',
+  },
+  conferenceBoard: {
+    url: 'https://chromatic-ui.notion.site/Give-a-conference-talk-about-Storybook-e8d8e78d4d0a448a811a8d927194c527?pvs=4',
+  },
 };
 
 const Template = (args) => (

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -31,7 +31,8 @@ const footerGroups = (links: Links) => ({
     { label: 'Integrations', link: links.integrations },
     { label: 'Get involved', link: links.getInvolved },
     { label: 'Blog', link: links.blog },
-    { label: "We're hiring", link: links.hiring },
+    { label: 'Find jobs', link: links.jobsBoard },
+    { label: 'Speak at conferences', link: links.conferenceBoard },
   ],
   showcase: [
     { label: 'Explore', link: links.showcase },

diff --git a/src/components/Nav/Nav.stories.tsx b/src/components/Nav/Nav.stories.tsx
@@ -39,6 +39,12 @@ const navLinks = {
   getInvolved: { url: '/community', linkWrapper: FakeGatsbyLink },
   blog: { url: 'https://storybook.js.org/blog' },
   hiring: { url: 'https://www.chromatic.com/company/jobs' },
+  jobsBoard: {
+    url: 'https://chromatic-ui.notion.site/Storybook-Jobs-Board-950e001e4a114a39980a5b09c3a3b3e1?pvs=4',
+  },
+  conferenceBoard: {
+    url: 'https://chromatic-ui.notion.site/Give-a-conference-talk-about-Storybook-e8d8e78d4d0a448a811a8d927194c527?pvs=4',
+  },
 };
 
 const Template = (args) => (

diff --git a/src/components/Nav/menus.tsx b/src/components/Nav/menus.tsx
@@ -54,6 +54,22 @@ export const Community = ({ active, inverse, monochrome, navLinks }: Menu) => (
     >
       Blog and updates
     </NavMenuItem>
+    <NavMenuItem
+      icon={<ColoredIcon icon="bookmarkhollow" color="seafoam" />}
+      description="Browse job board for roles that use Storybook"
+      href={navLinks.jobsBoard.url}
+      LinkWrapper={navLinks.jobsBoard.linkWrapper}
+    >
+      Find jobs
+    </NavMenuItem>
+    <NavMenuItem
+      icon={<ColoredIcon icon="globe" color="secondary" />}
+      description="Submit talks to conferences about Storybook"
+      href={navLinks.conferenceBoard.url}
+      LinkWrapper={navLinks.conferenceBoard.linkWrapper}
+    >
+      Speak at conferences
+    </NavMenuItem>
   </NavMenu>
 );
 
@@ -131,6 +147,16 @@ export const mobileGroups = (links: Links) => [
         link: links.blog,
         icon: <ColoredIcon icon="rss" color="purple" />,
       },
+      {
+        label: 'Jobs board',
+        link: links.jobsBoard,
+        icon: <ColoredIcon icon="bookmarkhollow" color="seafoam" />,
+      },
+      {
+        label: 'Conference board',
+        link: links.conferenceBoard,
+        icon: <ColoredIcon icon="globe" color="secondary" />,
+      },
     ],
   },
   {

diff --git a/src/components/links-context.ts b/src/components/links-context.ts
@@ -23,6 +23,8 @@ export interface Links {
   hiring: LinkItem;
   enterprise: LinkItem;
   chromatic: LinkItem;
+  jobsBoard: LinkItem;
+  conferenceBoard: LinkItem;
 }
 
 export const defaultLinks = {
@@ -41,6 +43,12 @@ export const defaultLinks = {
   getInvolved: { url: 'https://storybook.js.org/community' },
   blog: { url: 'https://storybook.js.org/blog' },
   hiring: { url: 'https://www.chromatic.com/company/jobs' },
+  jobsBoard: {
+    url: 'https://chromatic-ui.notion.site/Storybook-Jobs-Board-950e001e4a114a39980a5b09c3a3b3e1?pvs=4',
+  },
+  conferenceBoard: {
+    url: 'https://chromatic-ui.notion.site/Give-a-conference-talk-about-Storybook-e8d8e78d4d0a448a811a8d927194c527?pvs=4',
+  },
   enterprise: {
     url: 'https://www.chromatic.com/sales?utm_source=storybook_website&utm_medium=link&utm_campaign=storybook',
   },