Merge pull request #879 from subquery/feat/replace-to-discord

feat: replace to forum card

Author: HuberTRoy

src/pages/dashboard/components/ForumCard/ForumCard.tsx

@@ -1,74 +1,70 @@
 // Copyright 2020-2022 SubQuery Pte Ltd authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { useEffect, useState } from 'react';
 import { BsChatLeftDots } from 'react-icons/bs';
-import { IGetLatestTopics, useForumApis } from '@hooks/useForumApis';
 import { SubqlCard, Typography } from '@subql/components';
-import { renderAsync } from '@subql/react-hooks';
-import { parseError } from '@utils';
-import { Skeleton } from 'antd';
 import Link from 'antd/es/typography/Link';
-import dayjs from 'dayjs';
 
-export const ForumCard = () => {
-  const forumApis = useForumApis();
-  const [topics, setTopics] = useState<IGetLatestTopics['topic_list']['topics']>([]);
-
-  const getTopics = async () => {
-    const res = await forumApis.getLatestApi();
-
-    setTopics(res.slice(0, 5));
-  };
+const DISCORD_CHANNELS = [
+  {
+    id: '1479054492501672007',
+    title: 'General',
+    url: 'https://discord.com/channels/796198414798028831/1479054492501672007',
+  },
+  {
+    id: '1479055557817008149',
+    title: 'Subquery-foundation',
+    url: 'https://discord.com/channels/796198414798028831/1479055557817008149',
+  },
+  {
+    id: '1479308156365701191',
+    title: 'Technical-support',
+    url: 'https://discord.com/channels/796198414798028831/1479308156365701191',
+  },
+  {
+    id: '1479308193426444348',
+    title: 'Questions-feedback',
+    url: 'https://discord.com/channels/796198414798028831/1479308193426444348',
+  },
+  {
+    id: '1479308237944651888',
+    title: 'Mainnet-discussions',
+    url: 'https://discord.com/channels/796198414798028831/1479308237944651888',
+  },
+];
 
-  useEffect(() => {
-    getTopics();
-  }, []);
-
-  return renderAsync(
-    {
-      loading: !!!topics.length,
-      data: !topics.length ? undefined : topics,
-    },
-    {
-      loading: () => <Skeleton active paragraph={{ rows: 14 }} style={{ marginTop: 30 }}></Skeleton>,
-      error: (e) => <>{parseError(e)}</>,
-      data: (topics) => {
-        return (
-          <SubqlCard
-            title={
-              <Typography style={{ display: 'flex', alignItems: 'flex-end' }}>
-                Forum
-                <BsChatLeftDots style={{ fontSize: 20, color: 'var(--sq-blue600)', marginLeft: 10 }}></BsChatLeftDots>
+export const ForumCard = () => {
+  return (
+    <SubqlCard
+      title={
+        <Typography style={{ display: 'flex', alignItems: 'flex-end' }}>
+          Discord
+          <BsChatLeftDots style={{ fontSize: 20, color: 'var(--sq-blue600)', marginLeft: 10 }}></BsChatLeftDots>
+        </Typography>
+      }
+      width={302}
+    >
+      <div className="col-flex">
+        {DISCORD_CHANNELS.map((channel) => {
+          return (
+            <Link
+              key={channel.id}
+              href={channel.url}
+              className="col-flex"
+              style={{ marginBottom: 16 }}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Typography variant="medium" style={{ marginBottom: 0 }}>
+                #{channel.title}
               </Typography>
-            }
-            width={302}
-          >
-            <div className="col-flex">
-              {topics.map((topic) => {
-                return (
-                  <Link
-                    key={topic.slug}
-                    href={`${import.meta.env.VITE_FORUM_DOMAIN}/t/${topic.slug}`}
-                    className="col-flex"
-                    style={{ marginBottom: 16 }}
-                  >
-                    <Typography variant="medium" style={{ marginBottom: 0 }}>
-                      {topic.title}
-                    </Typography>
-                    <Typography variant="small" type="secondary" style={{ marginTop: 8, marginBottom: 0 }}>
-                      {dayjs(topic.last_posted_at || topic.created_at)
-                        .utc(true)
-                        .fromNow()}
-                    </Typography>
-                  </Link>
-                );
-              })}
-              <Link href="https://forum.subquery.network/c/kepler-network/16">View Forum</Link>
-            </div>
-          </SubqlCard>
-        );
-      },
-    },
+            </Link>
+          );
+        })}
+        <Link href="https://discord.gg/subquery" target="_blank" rel="noopener noreferrer">
+          Join Discord
+        </Link>
+      </div>
+    </SubqlCard>
   );
 };