Merge pull request #365 from porters-xyz/develop

Deploy front end partner changes
porters-xyz · Sep 23, 2024 · cc0538c · cc0538c
2 parents 2929121 + ac1226f
commit cc0538c
Show file tree

Hide file tree

Showing 5 changed files with 12,211 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/web-portal/frontend/components/home/02-Partners.tsx b/web-portal/frontend/components/home/02-Partners.tsx
@@ -3,6 +3,8 @@ import { Card, Container, Flex, Grid, Stack, Title } from "@mantine/core";
 import raidguildLogo from "@frontend/public/raidguild-logo.png";
 import poktLogo from "@frontend/public/pokt-logo.png";
 import taikoLogo from "@frontend/public/taiko.png";
+import tknLogo from "@frontend/public/tkn-logo.png";
+import bitfinityLogo from "@frontend/public/bitfinity-logo.png";
 import Image from "next/image";
 import SectionTitle from "./common/SectionTitle";
 import { useRouter } from "next/navigation";
@@ -12,13 +14,13 @@ export default function Partners() {
     return (
         <Container size="md" mt={"xl"}>
             <SectionTitle title="Our Partners" />
-            <Flex wrap='wrap' mt={80} gap={10} rowGap={10} align='center' justify='center' onClick={() => router.replace('https://raidguild.org')}>
+            <Flex wrap='wrap' mt={80} gap={10} rowGap={25} align='center' justify='center'>
                 <Card bg='#F6EEE6' p={16} h={70} ml={20} style={{
                     alignItems: 'center',
                     justifyContent: 'center',
                     borderRadius: 10,
                     cursor: "pointer"
-                }}>
+                }} onClick={() => window.open('https://raidguild.org', '_blank')}>
                     <Image
                         src={raidguildLogo.src}
                         alt="Raidguild"
@@ -31,7 +33,7 @@ export default function Partners() {
                     justifyContent: 'center',
                     borderRadius: 10,
                     cursor: "pointer"
-                }} onClick={() => router.replace('https://pokt.network')}>
+                }} onClick={() => window.open('https://pokt.network', '_blank')}>
                     <Image
                         src={poktLogo.src}
                         alt="Pokt Network"
@@ -44,14 +46,40 @@ export default function Partners() {
                     justifyContent: 'center',
                     borderRadius: 10,
                     cursor: "pointer"
-                }} onClick={() => router.replace('https://taiko.xyz')}>
+                }} onClick={() => window.open('https://taiko.xyz', '_blank')}>
                     <Image
                         src={taikoLogo.src}
                         alt="Taiko Network"
                         width={taikoLogo.width / 3}
                         height={taikoLogo.height / 3}
                     />
                 </Card>
+                <Card bg='#F6EEE6' p={16} h={70} ml={20} style={{
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: 10,
+                    cursor: "pointer"
+                }} onClick={() => window.open('https://tkn.xyz/', '_blank')}>
+                    <Image
+                        src={tknLogo.src}
+                        alt="Token Name Service"
+                        width={tknLogo.width}
+                        height={tknLogo.height}
+                    />
+                </Card>
+                <Card bg='#F6EEE6' p={16} h={70} ml={20} style={{
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: 10,
+                    cursor: "pointer"
+                }} onClick={() => window.open('https://bitfinity.network/', '_blank')}>
+                    <Image
+                        src={bitfinityLogo.src}
+                        alt="Bitfinity Network"
+                        width={bitfinityLogo.width }
+                        height={bitfinityLogo.height }
+                    />
+                </Card>
             </Flex>
         </Container >
     );