From 3e80592f9a16d9a51e8488aaadb7593d13af5278 Mon Sep 17 00:00:00 2001
From: Alex Ni <12097569+nialexsan@users.noreply.github.com>
Date: Wed, 25 Oct 2023 12:39:45 -0400
Subject: [PATCH] add overflow tool

---
 docs/community-resources/projects.mdx | 16 +++++++++
 docs/tools/index.mdx                  | 47 ++++++++++++++++++---------
 src/theme/DocCard/CardSubtitle.tsx    |  9 ++++-
 3 files changed, 55 insertions(+), 17 deletions(-)

diff --git a/docs/community-resources/projects.mdx b/docs/community-resources/projects.mdx
index 534b0a5d45..086a859553 100644
--- a/docs/community-resources/projects.mdx
+++ b/docs/community-resources/projects.mdx
@@ -176,4 +176,20 @@ Explore an array of exciting, grassroots initiatives, and projects that thrive w
       githubLink: 'https://github.com/onflowser/flowser'
     }
   },
+  {
+    type: 'link',
+    label: 'Overflow',
+    href: 'https://github.com/bjartek/overflow',
+    description: 'Overflow is a Go-based DSL for testing and running interactive stories',
+    customProps: {
+      icon: '',
+      author: {
+        name: 'bjartek',
+        profileImage:
+          'https://avatars.githubusercontent.com/u/10621?v=4',
+      },
+      discordLink: 'https://discord.gg/t6GEtHnWFh',
+      githubLink: 'https://github.com/bjartek/overflow'
+    }
+  },
 ]} />
diff --git a/docs/tools/index.mdx b/docs/tools/index.mdx
index 75f03e30a5..3092940e12 100644
--- a/docs/tools/index.mdx
+++ b/docs/tools/index.mdx
@@ -11,20 +11,35 @@ import { useLocation } from '@docusaurus/router';
 <DocCardList items={[
   ...useDocsSidebar().items.filter(item => !isSamePath(item.href, useLocation().pathname)),
   {
-      type: 'link',
-      label: 'Flowser',
-      href: 'https://flowser.dev/',
-      description: 'Flowser combines all the tools for local development and gives you a clear UI to inspect the local Flow network.',
-      customProps: {
-        icon: 'https://raw.githubusercontent.com/onflowser/flowser/main/frontend/public/logo.svg',
-        author: {
-          name: 'Flowser',
-          profileImage:
-            'https://raw.githubusercontent.com/onflowser/flowser/main/frontend/public/logo.svg',
-        },
-        numStars: 0,
-        twitterLink: 'https://twitter.com/onflowser',
-        githubLink: 'https://github.com/onflowser/flowser'
-      }
-    },
+    type: 'link',
+    label: 'Flowser',
+    href: 'https://flowser.dev/',
+    description: 'Flowser combines all the tools for local development and gives you a clear UI to inspect the local Flow network.',
+    customProps: {
+      icon: 'https://raw.githubusercontent.com/onflowser/flowser/main/frontend/public/logo.svg',
+      author: {
+        name: 'Flowser',
+        profileImage:
+          'https://raw.githubusercontent.com/onflowser/flowser/main/frontend/public/logo.svg',
+      },
+      twitterLink: 'https://twitter.com/onflowser',
+      githubLink: 'https://github.com/onflowser/flowser'
+    }
+  },
+  {
+    type: 'link',
+    label: 'Overflow',
+    href: 'https://github.com/bjartek/overflow',
+    description: 'Overflow is a Go-based DSL for testing and running interactive stories',
+    customProps: {
+      icon: '',
+      author: {
+        name: 'bjartek',
+        profileImage:
+          'https://avatars.githubusercontent.com/u/10621?v=4',
+      },
+      discordLink: 'https://discord.gg/t6GEtHnWFh',
+      githubLink: 'https://github.com/bjartek/overflow'
+    }
+  },
 ]}/>
diff --git a/src/theme/DocCard/CardSubtitle.tsx b/src/theme/DocCard/CardSubtitle.tsx
index 7567427162..b9e26d555f 100644
--- a/src/theme/DocCard/CardSubtitle.tsx
+++ b/src/theme/DocCard/CardSubtitle.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import GithubIcon from '../../ui/design-system/images/social/github.svg';
 import TwitterIcon from '../../ui/design-system/images/social/twitter.svg';
+import DiscordIcon from '../../ui/design-system/images/social/discord.svg';
 import type { PropSidebarItemLink } from '@docusaurus/plugin-content-docs';
 
 export const CardSubtitle = ({
@@ -9,7 +10,7 @@ export const CardSubtitle = ({
   if (customProps == null || customProps === undefined) {
     return null;
   }
-  const { author, twitterLink, githubLink } = customProps;
+  const { author, twitterLink, githubLink, discordLink } = customProps;
   const { name, profileImage } = author ?? {};
 
   return (
@@ -26,6 +27,12 @@ export const CardSubtitle = ({
           <GithubIcon />
         </a>
       ) : null}
+
+      {discordLink ? (
+        <a href={discordLink}>
+          <DiscordIcon />
+        </a>
+      ) : null}
     </div>
   );
 };