feat: slack migration (#996)

kubeshop · Jan 23, 2024 · 33252a4 · 33252a4
1 parent 4462450
commit 33252a4
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -10,7 +10,7 @@
   <a href="https://testkube.io">Website</a> |
   <a href="https://kubeshop.github.io/testkube">Documentation</a> |
   <a href="https://twitter.com/testkube_io">Twitter</a> |
-  <a href="https://discord.gg/hfq44wtR6Q">Discord</a> |
+  <a href="https://join.slack.com/t/testkubeworkspace/shared_invite/zt-2arhz5vmu-U2r3WZ69iPya5Fw0hMhRDg">Slack</a> |
   <a href="https://kubeshop.io/category/testkube">Blog</a>
 </p>
 

diff --git a/packages/web/src/AppRoot.tsx b/packages/web/src/AppRoot.tsx
@@ -48,7 +48,7 @@ const AppRoot: React.FC = () => {
     () => [
       ...basePlugins,
       ClusterStatusPlugin,
-      ConfigPlugin.configure({discordUrl: externalLinks.discord}),
+      ConfigPlugin.configure({slackUrl: externalLinks.slack}),
       RouterPlugin.configure({baseUrl: env.basename || ''}),
       PermissionsPlugin.configure({resolver: new BasePermissionsResolver()}),
       RtkResetOnApiChangePlugin,

diff --git a/packages/web/src/components/atoms/Icon/Icon.tsx b/packages/web/src/components/atoms/Icon/Icon.tsx
@@ -10,7 +10,7 @@ import {IconProps} from './types';
 const {
   CogIcon,
   DocumentationIcon,
-  DiscordIcon,
+  SlackIcon,
   GitHubIcon,
   PassedStatusIcon,
   FailedStatusIcon,
@@ -25,7 +25,7 @@ const {
 const iconsMap: Record<IconProps['name'], IconComponentProps['component']> = {
   cog: CogIcon,
   documentation: DocumentationIcon,
-  discord: DiscordIcon,
+  slack: SlackIcon,
   github: GitHubIcon,
   passed: PassedStatusIcon,
   failed: FailedStatusIcon,

diff --git a/packages/web/src/components/atoms/Icon/icons.tsx b/packages/web/src/components/atoms/Icon/icons.tsx
@@ -41,10 +41,17 @@ const GitHubIcon: React.FC = () => {
   );
 };
 
-const DiscordIcon: React.FC = () => {
+const SlackIcon: React.FC = () => {
   return (
-    <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M9.28889 7.6C9.27534 7.75846 9.21596 7.90955 9.11799 8.03482C9.02002 8.1601 8.88769 8.25414 8.73717 8.30548C8.58665 8.35682 8.42444 8.36323 8.27033 8.32393C8.11623 8.28462 7.9769 8.20131 7.86935 8.08415C7.7618 7.967 7.69068 7.82106 7.66467 7.66417C7.63867 7.50727 7.6589 7.3462 7.7229 7.20061C7.78689 7.05501 7.89189 6.9312 8.02507 6.84428C8.15825 6.75736 8.31386 6.71109 8.47289 6.71111C8.58487 6.7158 8.69483 6.74252 8.79647 6.78974C8.89811 6.83697 8.98943 6.90378 9.06523 6.98634C9.14102 7.0689 9.19979 7.1656 9.23816 7.2709C9.27654 7.3762 9.29378 7.48803 9.28889 7.6ZM5.55289 6.71111C5.328 6.72702 5.11751 6.82758 4.96382 6.99253C4.81013 7.15748 4.72467 7.37455 4.72467 7.6C4.72467 7.82545 4.81013 8.04252 4.96382 8.20747C5.11751 8.37241 5.328 8.47298 5.55289 8.48889C5.66487 8.4842 5.77483 8.45748 5.87646 8.41026C5.9781 8.36303 6.06943 8.29622 6.14523 8.21366C6.22102 8.1311 6.27979 8.0344 6.31816 7.9291C6.35654 7.8238 6.37378 7.71197 6.36889 7.6C6.3745 7.48779 6.35773 7.37559 6.31956 7.26992C6.28139 7.16426 6.22258 7.06724 6.14656 6.98452C6.07054 6.90179 5.97882 6.83502 5.87675 6.78808C5.77468 6.74114 5.66429 6.71498 5.552 6.71111H5.55289ZM14 1.648V16C11.9844 14.2191 12.6293 14.8084 10.288 12.632L10.712 14.112H1.64C1.20402 14.1108 0.786355 13.9366 0.478821 13.6275C0.171286 13.3185 -0.00094039 12.9 3.86232e-06 12.464V1.648C-0.00094039 1.21202 0.171286 0.793508 0.478821 0.484473C0.786355 0.175439 1.20402 0.00117731 1.64 0L12.36 0C12.796 0.00117731 13.2137 0.175439 13.5212 0.484473C13.8287 0.793508 14.0009 1.21202 14 1.648ZM11.72 9.232C11.6941 7.61016 11.3002 6.01539 10.568 4.568C9.92374 4.06196 9.13824 3.76845 8.32 3.728L8.208 3.856C8.93644 4.04983 9.61542 4.39614 10.2 4.872C9.2873 4.37995 8.27412 4.10324 7.23801 4.06303C6.2019 4.02281 5.17032 4.22017 4.22223 4.64C3.92623 4.776 3.75023 4.872 3.75023 4.872C4.3664 4.37146 5.08541 4.01301 5.856 3.82222L5.77778 3.728C4.95954 3.76845 4.17405 4.06196 3.52978 4.568C2.79697 6.01524 2.40245 7.61002 2.376 9.232C2.65192 9.61913 3.01875 9.9325 3.44423 10.1445C3.86971 10.3566 4.34079 10.4608 4.816 10.448C4.816 10.448 5.112 10.088 5.352 9.784C4.78959 9.64208 4.29441 9.30819 3.952 8.84C4.06978 8.92222 4.26311 9.02933 4.28 9.04C5.03927 9.45388 5.88109 9.69371 6.74447 9.74214C7.60786 9.79057 8.47121 9.64637 9.272 9.32C9.59551 9.19792 9.90415 9.03957 10.192 8.848C9.83679 9.32625 9.32388 9.66346 8.744 9.8C8.984 10.104 9.272 10.448 9.272 10.448C9.74823 10.46 10.2202 10.3555 10.6468 10.1436C11.0735 9.93168 11.4419 9.61874 11.72 9.232Z" />
+    <svg fill="#000000" width="16" height="16" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+      <path d="M126.12,315.1A47.06,47.06,0,1,1,79.06,268h47.06Z" />
+      <path d="M149.84,315.1a47.06,47.06,0,0,1,94.12,0V432.94a47.06,47.06,0,1,1-94.12,0Z" />
+      <path d="M196.9,126.12A47.06,47.06,0,1,1,244,79.06v47.06Z" />
+      <path d="M196.9,149.84a47.06,47.06,0,0,1,0,94.12H79.06a47.06,47.06,0,0,1,0-94.12Z" />
+      <path d="M385.88,196.9A47.06,47.06,0,1,1,432.94,244H385.88Z" />
+      <path d="M362.16,196.9a47.06,47.06,0,0,1-94.12,0V79.06a47.06,47.06,0,1,1,94.12,0Z" />
+      <path d="M315.1,385.88A47.06,47.06,0,1,1,268,432.94V385.88Z" />
+      <path d="M315.1,362.16a47.06,47.06,0,0,1,0-94.12H432.94a47.06,47.06,0,1,1,0,94.12Z" />
     </svg>
   );
 };
@@ -114,7 +121,7 @@ export default {
   CogIcon,
   DocumentationIcon,
   GitHubIcon,
-  DiscordIcon,
+  SlackIcon,
   FailedStatusIcon,
   PassedStatusIcon,
   RunningStatusIcon,

diff --git a/packages/web/src/components/atoms/Icon/types.ts b/packages/web/src/components/atoms/Icon/types.ts
@@ -4,7 +4,7 @@ export type IconProps = {
   name:
     | 'cog'
     | 'documentation'
-    | 'discord'
+    | 'slack'
     | 'github'
     | 'passed'
     | 'failed'

diff --git a/packages/web/src/components/molecules/EmptyListContent/EmptyListContent.tsx b/packages/web/src/components/molecules/EmptyListContent/EmptyListContent.tsx
@@ -46,7 +46,7 @@ const EmptyListContent: React.FC<PropsWithChildren<EmptyListContentProps>> = pro
     isReadOnly,
   } = props;
 
-  const discordUrl = useConfigPlugin.select(x => x.discordUrl);
+  const slackUrl = useConfigPlugin.select(x => x.slackUrl);
   const isActionAvailable = usePermission(actionTypeToPermission[actionType]);
 
   return (
@@ -66,9 +66,9 @@ const EmptyListContent: React.FC<PropsWithChildren<EmptyListContentProps>> = pro
           <StyledHelpCardsContainer>
             {children}
             <StyledLastHelpCardContainer>
-              <HelpCard isHelp link={discordUrl}>
+              <HelpCard isHelp link={slackUrl}>
                 Need help getting started? Want to talk to Testkube engineers?{' '}
-                <ExternalLink href={discordUrl}>Find us on Discord</ExternalLink>
+                <ExternalLink href={slackUrl}>Find us on Slack</ExternalLink>
               </HelpCard>
             </StyledLastHelpCardContainer>
           </StyledHelpCardsContainer>

diff --git a/packages/web/src/components/pages/ErrorBoundary/ErrorBoundaryFallback.tsx b/packages/web/src/components/pages/ErrorBoundary/ErrorBoundaryFallback.tsx
@@ -13,7 +13,7 @@ import Colors from '@styles/Colors';
 import {StyledErrorContainer, StyledErrorDescription, StyledErrorImage} from './ErrorBoundary.styled';
 
 const ErrorBoundaryFallback: React.FC = () => {
-  const discordUrl = useConfigPlugin.select(x => x.discordUrl);
+  const slackUrl = useConfigPlugin.select(x => x.slackUrl);
   const back = useDashboardNavigate('/');
 
   return (
@@ -27,8 +27,8 @@ const ErrorBoundaryFallback: React.FC = () => {
         refreshing this page.
       </StyledErrorDescription>
       <StyledErrorDescription>
-        Feel free to reach out to us on <ExternalLink href={discordUrl}>Discord</ExternalLink> if the error continuous
-        to exist.
+        Feel free to reach out to us on <ExternalLink href={slackUrl}>Slack</ExternalLink> if the error continuous to
+        exist.
       </StyledErrorDescription>
       <Button type="primary" onClick={back}>
         Back to the Dashboard

diff --git a/packages/web/src/plugins/config/plugin.ts b/packages/web/src/plugins/config/plugin.ts
@@ -2,10 +2,10 @@ import {createDataPlugin} from '@testkube/plugins';
 
 export interface OssConfig {
   pageTitle: string;
-  discordUrl: string;
+  slackUrl: string;
 }
 
 export default createDataPlugin<OssConfig>('dashboard/config')({
   pageTitle: 'Testkube',
-  discordUrl: undefined,
+  slackUrl: undefined,
 });
diff --git a/packages/web/src/plugins/sider-support/plugin.tsx b/packages/web/src/plugins/sider-support/plugin.tsx
@@ -21,7 +21,7 @@ const configStub = external<typeof ConfigPlugin>();
 
 export default createPlugin('dashboard/sider-support')
   .needs(generalStub.slots('siderOtherItems'))
-  .needs(configStub.data('discordUrl'))
+  .needs(configStub.data('slackUrl'))
 
   .init(tk => {
     tk.slots.siderOtherItems.add({
@@ -40,9 +40,9 @@ export default createPlugin('dashboard/sider-support')
                 </ExternalLink>
               </DropdownListItem>
               <DropdownListItem>
-                <ExternalLink href={tk.data.discordUrl}>
+                <ExternalLink href={tk.data.slackUrl}>
                   <Text color={Colors.slate300} className="regular middle">
-                    Discord community
+                    Slack community
                   </Text>
                 </ExternalLink>
               </DropdownListItem>

diff --git a/packages/web/src/utils/externalLinks.ts b/packages/web/src/utils/externalLinks.ts
@@ -3,7 +3,7 @@ import env from '../env';
 export enum externalLinks {
   documentation = 'https://docs.testkube.io/',
   github = 'https://github.com/kubeshop/testkube',
-  discord = 'https://discord.com/invite/hfq44wtR6Q',
+  slack = 'https://join.slack.com/t/testkubeworkspace/shared_invite/zt-2arhz5vmu-U2r3WZ69iPya5Fw0hMhRDg',
   containerExecutor = 'https://docs.testkube.io/test-types/container-executor',
   dashboardDocumentation = 'https://docs.testkube.io/articles/testkube-dashboard',
   integrations = 'https://testkube.io/integrations',