Add Slack icons (#487)

* Add slack to header bar * Add slack to use case pages
restatedev · Nov 27, 2024 · 344fefd · 344fefd
1 parent 19c1436
commit 344fefd
Show file tree

Hide file tree

Showing 7 changed files with 68 additions and 10 deletions.
diff --git a/docs/use-cases/async-tasks.mdx b/docs/use-cases/async-tasks.mdx
@@ -567,7 +567,10 @@ Write flexible scheduling logic via durable building blocks.
     },
     {
         title: 'Need help?',
-        description: "Join the Restate Discord channel",
-        link: {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"}
+        description: "Join the Restate Discord or Slack communities",
+        links: [
+            {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"},
+            {url: "https://join.slack.com/t/restatecommunity/shared_invite/zt-2v9gl005c-WBpr167o5XJZI1l7HWKImA", icon: "/img/slack.svg"}
+        ]
     }
 ]}/>
diff --git a/docs/use-cases/event-processing.mdx b/docs/use-cases/event-processing.mdx
@@ -588,7 +588,10 @@ CODE_LOAD::go/usecases/eventprocessing/eventsstate.go?2
     },
     {
         title: 'Need help?',
-        description: "Join the Restate Discord channel",
-        link: {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"}
+        description: "Join the Restate Discord or Slack communities",
+        links: [
+            {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"},
+            {url: "https://join.slack.com/t/restatecommunity/shared_invite/zt-2v9gl005c-WBpr167o5XJZI1l7HWKImA", icon: "/img/slack.svg"}
+        ]
     }
 ]}/>
diff --git a/docs/use-cases/microservice-orchestration.mdx b/docs/use-cases/microservice-orchestration.mdx
@@ -407,7 +407,10 @@ Turn functions into durable handlers with the Restate SDK.
     },
     {
         title: 'Need help?',
-        description: "Join the Restate Discord channel",
-        link: {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"}
+        description: "Join the Restate Discord or Slack communities",
+        links: [
+            {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"},
+            {url: "https://join.slack.com/t/restatecommunity/shared_invite/zt-2v9gl005c-WBpr167o5XJZI1l7HWKImA", icon: "/img/slack.svg"}
+        ]
     }
 ]}/>
diff --git a/docs/use-cases/workflows.mdx b/docs/use-cases/workflows.mdx
@@ -396,7 +396,10 @@ Implement the `run` function of your workflow, using the Restate SDK.
     },
     {
         title: 'Need help?',
-        description: "Join the Restate Discord channel",
-        link: {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"}
+        description: "Join the Restate Discord or Slack communities",
+        links: [
+            {url: "https://discord.gg/skW3AZ6uGd", icon: "/img/discord-icon.svg"},
+            {url: "https://join.slack.com/t/restatecommunity/shared_invite/zt-2v9gl005c-WBpr167o5XJZI1l7HWKImA", icon: "/img/slack.svg"}
+        ]
     }
 ]}/>
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -150,6 +150,16 @@ const config = {
             `,
             position: "right",
           },
+          {
+            href: "https://join.slack.com/t/restatecommunity/shared_invite/zt-2v9gl005c-WBpr167o5XJZI1l7HWKImA",
+            html: `<svg width="20px" height="20px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="">
+                <g id="SVGRepo_bgCarrier" stroke-width="0"/>
+                <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+                <g id="SVGRepo_iconCarrier"> <g fill="#393D7A" fill-rule="evenodd" clip-rule="evenodd"> <path d="M2.471 11.318a1.474 1.474 0 001.47-1.471v-1.47h-1.47A1.474 1.474 0 001 9.846c.001.811.659 1.469 1.47 1.47zm3.682-2.942a1.474 1.474 0 00-1.47 1.471v3.683c.002.811.659 1.468 1.47 1.47a1.474 1.474 0 001.47-1.47V9.846a1.474 1.474 0 00-1.47-1.47zM4.683 2.471c.001.811.659 1.469 1.47 1.47h1.47v-1.47A1.474 1.474 0 006.154 1a1.474 1.474 0 00-1.47 1.47zm2.94 3.682a1.474 1.474 0 00-1.47-1.47H2.47A1.474 1.474 0 001 6.153c.002.812.66 1.469 1.47 1.47h3.684a1.474 1.474 0 001.47-1.47zM9.847 7.624a1.474 1.474 0 001.47-1.47V2.47A1.474 1.474 0 009.848 1a1.474 1.474 0 00-1.47 1.47v3.684c.002.81.659 1.468 1.47 1.47zm3.682-2.941a1.474 1.474 0 00-1.47 1.47v1.47h1.47A1.474 1.474 0 0015 6.154a1.474 1.474 0 00-1.47-1.47zM8.377 9.847c.002.811.659 1.469 1.47 1.47h3.683A1.474 1.474 0 0015 9.848a1.474 1.474 0 00-1.47-1.47H9.847a1.474 1.474 0 00-1.47 1.47zm2.94 3.682a1.474 1.474 0 00-1.47-1.47h-1.47v1.47c.002.812.659 1.469 1.47 1.47a1.474 1.474 0 001.47-1.47z"/> </g> </g>
+                </svg>
+            `,
+            position: "right",
+          },
           {
             to: "https://restate.dev/get-restate/",
             label: "Get Restate",
@@ -172,13 +182,17 @@ const config = {
           {
             title: "Community",
             items: [
+              {
+                label: "Twitter",
+                href: "https://twitter.com/restatedev",
+              },
               {
                 label: "Discord",
                 href: "https://discord.gg/skW3AZ6uGd",
               },
               {
-                label: "Twitter",
-                href: "https://twitter.com/restatedev",
+                label: "Slack",
+                href: "https://join.slack.com/t/restatecommunity/shared_invite/zt-2v9gl005c-WBpr167o5XJZI1l7HWKImA",
               },
             ],
           },

diff --git a/src/components/FeatureWidget/index.tsx b/src/components/FeatureWidget/index.tsx
@@ -12,6 +12,7 @@ type FeatureItem = {
   kotlin: string;
   go: string;
   link: { icon: string; url: string };
+  links: [{ icon: string; url: string }];
 };
 
 function Feature({
@@ -24,6 +25,7 @@ function Feature({
   link,
   kotlin,
   go,
+  links,
 }: FeatureItem) {
   const colWidth = itemsPerRow ? Math.floor(12 / itemsPerRow) : 4;
   return (
@@ -105,6 +107,24 @@ function Feature({
               </a>
             </div>
           ) : null}
+          {links ? (
+            <div id="overviewButtonDiv">
+              {links.map((link) => (
+                <a
+                  className="overviewButton btn btn-primary btn-lg firstTimeButton"
+                  href={link.url}
+                  target={"_blank"}
+                  role="button"
+                >
+                  <img
+                    className="buttonIcon"
+                    src={link.icon ? link.icon : "/img/arrow-right.svg"}
+                    width="24"
+                  />
+                </a>
+              ))}
+            </div>
+          ) : null}
         </div>
       </div>
     </div>

diff --git a/static/img/slack.svg b/static/img/slack.svg