fix: discord

EKOKE-DAO · Dec 23, 2024 · b983d28 · b983d28
1 parent 96f61e3
commit b983d28
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 15 deletions.
diff --git a/src/js/components/App/pages/Documentation/pages/Faq.tsx b/src/js/components/App/pages/Documentation/pages/Faq.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as FiIcon from 'react-icons/fi';
+import * as FaIcon from 'react-icons/fa6';
 
 import Container from '../../../../reusable/Container';
 import Heading from '../../../../reusable/Heading';
@@ -608,6 +609,13 @@ const Faq = () => {
           </ul>
         </Question>
       </Container.Container>
+      <Container.FlexCols className="justify-center items-center gap-2">
+        <Heading.H2>Do you have any other question?</Heading.H2>
+        <Link.Button href={'https://discord.gg/AuWa2JATYf'}>
+          <FaIcon.FaDiscord className="inline mr-2" />
+          Join our Discord server
+        </Link.Button>
+      </Container.FlexCols>
     </Wrapper>
   );
 };

diff --git a/src/js/components/App/pages/Home/Whitepaper.tsx b/src/js/components/App/pages/Home/Whitepaper.tsx
@@ -1,19 +1,32 @@
 import * as React from 'react';
 import * as Icon from 'react-icons/fi';
+import * as FaIcon from 'react-icons/fa6';
 
 import Container from '../../../reusable/Container';
 import Link from '../../../reusable/Link';
 import { Route } from '../../../../utils/routes';
 
 const Whitepaper = () => (
-  <Container.FlexCols className="items-center justify-center w-3/6 sm:w-full mx-auto gap-2">
+  <Container.FlexResponsiveRow className="items-center justify-center gap-4">
     <Container.Container>
       <Link.Cta href={Route.DOCUMENTATION_WHITEPAPER}>
         Read the Whitepaper{' '}
-        <Icon.FiExternalLink className="inline mr-2 text-white" />
+        <Icon.FiExternalLink className="inline text-white" />
       </Link.Cta>
     </Container.Container>
-  </Container.FlexCols>
+    <Container.Container>
+      <Link.Cta href={'https://discord.gg/AuWa2JATYf'}>
+        <FaIcon.FaDiscord className="inline mr-2 text-white" />
+        Join us on Discord
+      </Link.Cta>
+    </Container.Container>
+    <Container.Container>
+      <Link.Cta href={'https://x.com/ekokedao'}>
+        <FaIcon.FaXTwitter className="inline mr-2 text-white" />
+        Join us on X.com
+      </Link.Cta>
+    </Container.Container>
+  </Container.FlexResponsiveRow>
 );
 
 export default Whitepaper;
diff --git a/src/js/components/App/pages/Presale.tsx b/src/js/components/App/pages/Presale.tsx
@@ -65,7 +65,7 @@ const tryEthClient = async <T,>(
       return await fn(client);
     } catch (err) {
       console.error(err);
-      await new Promise((resolve) => setTimeout(resolve, 300));
+      await new Promise((resolve) => setTimeout(resolve, 1_000));
     }
   }
 };
@@ -83,7 +83,14 @@ const PresaleBody = () => {
     let tokenPrice: bigint = BigInt(0);
     let isOpen: boolean = false;
     let hasFailed: boolean = false;
-    if (status === 'connected' && account && ethereum && chainId) {
+    if (status === 'connected') {
+      console.log(
+        'using metamask to fetch stats',
+        status,
+        account,
+        ethereum,
+        chainId,
+      );
       const presaleClient = new EkokePresaleClient(
         account,
         ethereum,
@@ -96,6 +103,7 @@ const PresaleBody = () => {
       isOpen = await presaleClient.isOpen();
       hasFailed = await presaleClient.hasFailed();
     } else {
+      console.log('using public client to fetch stats');
       presaleCap = await tryEthClient(async (client) => client.presaleCap());
       tokensSold = await tryEthClient(async (client) => client.tokensSold());
       softCap = await tryEthClient(async (client) => client.softCap());

diff --git a/src/js/components/Footer.tsx b/src/js/components/Footer.tsx
@@ -1,12 +1,10 @@
 import * as React from 'react';
-import * as Icon from 'react-icons/fi';
+import * as Icon from 'react-icons/fa6';
+import * as SiIcon from 'react-icons/si';
 
 import Container from './reusable/Container';
 import Heading from './reusable/Heading';
 import Link from './reusable/Link';
-import X from './svg/X';
-import TikTok from './svg/TikTok';
-import Telegram from './svg/Telegram';
 import { Route } from '../utils/routes';
 import Paragraph from './reusable/Paragraph';
 
@@ -55,52 +53,68 @@ const Footer = () => {
           </Container.FlexCols>
           <Container.FlexCols className="gap-4 flex-1">
             <Heading.H2 className="text-white">Follow Us On</Heading.H2>
+            <Link.IconLink
+              href={'https://linktr.ee/ekokedao'}
+              target="_blank"
+              className="text-white"
+            >
+              <SiIcon.SiLinktree className="mr-2 inline text-white" />
+              <span className="ml-2">Linktree</span>
+            </Link.IconLink>
+            <Link.IconLink
+              href={'https://discord.gg/AuWa2JATYf'}
+              target="_blank"
+              className="text-white"
+            >
+              <Icon.FaDiscord className="mr-2 inline text-white" />
+              <span className="ml-2">Discord</span>
+            </Link.IconLink>
             <Link.IconLink
               href={'https://github.com/EKOKE-DAO'}
               target="_blank"
               className="text-white"
             >
-              <Icon.FiGithub className="mr-2 inline text-white" />
+              <Icon.FaGithub className="mr-2 inline text-white" />
               GitHub
             </Link.IconLink>
             <Link.IconLink
               href={'https://www.instagram.com/ekokedao'}
               target="_blank"
               className="text-white"
             >
-              <Icon.FiInstagram className="mr-2 inline text-white" />
+              <Icon.FaInstagram className="mr-2 inline text-white" />
               Instagram
             </Link.IconLink>
             <Link.IconLink
               href={'https://www.linkedin.com/company/ekokedao'}
               target="_blank"
               className="text-white"
             >
-              <Icon.FiLinkedin className="mr-2 inline text-white" />
+              <Icon.FaLinkedin className="mr-2 inline text-white" />
               LinkedIn
             </Link.IconLink>
             <Link.IconLink
               href={'https://t.me/ekokeTOKENgroup'}
               target="_blank"
               className="text-white"
             >
-              <Telegram fill="#ffffff" />
+              <Icon.FaTelegram className="mr-2 inline text-white" />
               <span className="ml-2">Telegram</span>
             </Link.IconLink>
             <Link.IconLink
               href={'https://www.tiktok.com/@ekokedao?lang=en'}
               target="_blank"
               className="text-white"
             >
-              <TikTok fill="#ffffff" />
+              <Icon.FaTiktok className="mr-2 inline text-white" />
               <span className="ml-2">TikTok</span>
             </Link.IconLink>
             <Link.IconLink
               href={'https://x.com/ekokedao'}
               target="_blank"
               className="text-white"
             >
-              <X />
+              <Icon.FaXTwitter className="mr-2 inline text-white" />
               <span className="ml-2">X.com</span>
             </Link.IconLink>
           </Container.FlexCols>