Merge pull request #420 from onflow/nialexsan/add-overflow

add overflow tool

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'
+    }
+  },
 ]} />

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'
+    }
+  },
 ]}/>

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>
   );
 };