Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-27 18:55:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Subnet Api integrated

Browse Source
This commit is contained in:
rockyeverlast
2024-05-17 15:08:53 +05:30
parent 74378a93c5
commit f685c684ea
5 changed files with 84 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/SubnetsComponent/Component1.jsx
View File

@@ -1,3 +1,4 @@
/* eslint-disable react/prop-types */
/* eslint-disable no-unused-vars */
import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
import { Container } from "@chakra-ui/react";

17
src/components/SubnetsComponent/Component2.jsx
View File

@@ -1,3 +1,4 @@
/* eslint-disable react/prop-types */
/* eslint-disable no-unused-vars */
import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
import { Container } from "@chakra-ui/react";
@@ -10,10 +11,10 @@ import {
} from "@chakra-ui/react";
import vector2 from "../../assets/images/vector2.png";
export const Component2 = () => {
export const Component2 = ({ id, title, content }) => {
return (
<>
<Box display={"flex"} position={"absolute"} top={"-70px"}>
<Box display={"flex"} position={"absolute"} top={"-70px"} key={id}>
<Button
position={"relative"}
background={"transparent"}
@@ -43,13 +44,17 @@ export const Component2 = () => {
border: "1px solid #A5A5A5",
}}
>
Easier
{title}
</Button>
</Box>
<UnorderedList color={"#E1E1E1"}>
<ListItem fontSize={"14px"}>Leverage own infrastructure for block space</ListItem>
<ListItem fontSize={"14px"}>Smart contracts in Rust , GoLang and C/C++</ListItem>
<ListItem fontSize={"14px"}>WASM compiler for smooth code migration</ListItem>
<ListItem fontSize={"14px"}>{content}</ListItem>
{/* <ListItem fontSize={"14px"}>
Smart contracts in Rust , GoLang and C/C++
</ListItem>
<ListItem fontSize={"14px"}>
WASM compiler for smooth code migration
</ListItem> */}
</UnorderedList>
</>
);

7
src/components/SubnetsComponent/Component3.jsx
View File

@@ -1,3 +1,4 @@
/* eslint-disable react/prop-types */
/* eslint-disable no-unused-vars */
import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
import { Container } from "@chakra-ui/react";
@@ -10,7 +11,7 @@ import {
} from "@chakra-ui/react";
import vector3 from "../../assets/images/vector3.png";
export const Component3 = () => {
export const Component3 = ({ id, title, content }) => {
return (
<>
<Box
@@ -60,7 +61,9 @@ export const Component3 = () => {
>
<UnorderedList color={"#E1E1E1"}>
<ListItem fontSize={"14px"}>No GAS fees</ListItem>
<ListItem fontSize={"14px"}>Incremental and modular infrastructure ask</ListItem>
<ListItem fontSize={"14px"}>
Incremental and modular infrastructure ask
</ListItem>
<ListItem fontSize={"14px"}>
No expensive re training of development <br />
resources

3
src/components/SubnetsComponent/Component4.jsx
View File

@@ -1,3 +1,4 @@
/* eslint-disable react/prop-types */
/* eslint-disable no-unused-vars */
import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
import { Container } from "@chakra-ui/react";
@@ -10,7 +11,7 @@ import {
} from "@chakra-ui/react";
import vector4 from "../../assets/images/vector4.png";
export const Component4 = () => {
export const Component4 = ({ id, title, content }) => {
return (
<>
<Box

66
src/components/SubnetsComponent/NewSubnetComp.jsx
View File

@@ -161,7 +161,71 @@ export const NewSubnetComp = () => {
},
}}
/>
{item?.decenters.map((data) => console.log(data[0]))}
{item?.decenters.map((data, index) => (
<>
{index === 0 && (
<Box
gridColumn={"1/2"}
textAlign={"left"}
position={"relative"}
width={"383px"}
>
<Component1
id={data.id}
title={data.title}
content={data.content}
/>
</Box>
)}
{index === 1 && (
<Box
gridColumn={"1/2"}
gridRow={"2"}
textAlign={"left"}
position={"relative"}
width={"383px"}
>
<Component2
id={data.id}
title={data.title}
content={data.content}
/>
</Box>
)}
{index === 2 && (
<Box
gridColumn={"2/2"}
gridRow={"2"}
textAlign={"left"}
position={"relative"}
width={"383px"}
>
<Component3
id={data.id}
title={data.title}
content={data.content}
/>
</Box>
)}
{index === 3 && (
<Box
gridColumn={"2/2"}
textAlign={"left"}
position={"relative"}
width={"383px"}
>
<Component4
id={data.id}
title={data.title}
content={data.content}
/>
</Box>
)}
</>
))}
</Box>
</Container>
</Box>