From cda19b93c823393cf8eb3a53ecb9546f040fff92 Mon Sep 17 00:00:00 2001 From: rockyeverlast Date: Fri, 17 May 2024 13:42:16 +0530 Subject: [PATCH] Subnet component Api in progress --- src/Redux/slice/homeSlice.js | 5 +- src/Redux/slice/learPageSlice.js | 5 +- src/components/LearnPage/WhyRubix.jsx | 244 +++--- .../SubnetsComponent/Component1.jsx | 12 +- .../SubnetsComponent/NewSubnetComp.jsx | 727 +++++++++--------- 5 files changed, 504 insertions(+), 489 deletions(-) diff --git a/src/Redux/slice/homeSlice.js b/src/Redux/slice/homeSlice.js index bab0adf..4832569 100644 --- a/src/Redux/slice/homeSlice.js +++ b/src/Redux/slice/homeSlice.js @@ -7,7 +7,10 @@ export const homePageApi = createApi({ getHomePage: builder.query({ query: () => 'home/active', }), + getDecenter: builder.query({ + query: () => 'decenter/active', + }), }), }); -export const { useGetHomePageQuery } = homePageApi; \ No newline at end of file +export const { useGetHomePageQuery, useGetDecenterQuery } = homePageApi; \ No newline at end of file diff --git a/src/Redux/slice/learPageSlice.js b/src/Redux/slice/learPageSlice.js index 18405eb..5e3022d 100644 --- a/src/Redux/slice/learPageSlice.js +++ b/src/Redux/slice/learPageSlice.js @@ -13,7 +13,10 @@ export const learnPageApi = createApi({ getpartnerCard: builder.query({ query: () => 'card/active', }), + getFeature: builder.query({ + query: () => 'feature/active', + }), }), }); -export const { useGetLearnPageQuery, useGetLearnFaqQuery, useGetpartnerCardQuery } = learnPageApi; +export const { useGetLearnPageQuery, useGetLearnFaqQuery, useGetpartnerCardQuery, useGetFeatureQuery } = learnPageApi; diff --git a/src/components/LearnPage/WhyRubix.jsx b/src/components/LearnPage/WhyRubix.jsx index fe4f485..1770cb5 100644 --- a/src/components/LearnPage/WhyRubix.jsx +++ b/src/components/LearnPage/WhyRubix.jsx @@ -1,3 +1,4 @@ +/* eslint-disable no-unused-vars */ import { Box, Container, Image, Text } from "@chakra-ui/react"; import { Accordion, @@ -8,6 +9,8 @@ import { } from "@chakra-ui/react"; import bg from "../../assets/images/whyRubix.webp"; import cube from "../../assets/images/cube.png"; +import { useGetFeatureQuery } from "../../Redux/slice/learPageSlice"; +import Loader from "../Loader/Loader"; const accordion = [ { @@ -38,143 +41,158 @@ const accordion = [ ]; const WhyRubix = () => { + const { data, isLoading, error } = useGetFeatureQuery(); + console.log(data?.data?.rows); + const feature = data?.data?.rows; + + if (isLoading) { + return ( +
+ +
+ ); + } + return ( - - ( + - Why developers choose Rubix - - + + {item.heading} + - - {accordion.map((accord) => ( - <> - -

- - - {accord.title} - - - -

- + + {item?.features.map((accord) => ( + <> + - {accord.content} - - - - ))} - +

+ + + {accord.title} + + + +

+ + {accord.content} + + + + ))} + + + + + - - - - - + + ))} ); }; diff --git a/src/components/SubnetsComponent/Component1.jsx b/src/components/SubnetsComponent/Component1.jsx index 08eec9d..5f9ece4 100644 --- a/src/components/SubnetsComponent/Component1.jsx +++ b/src/components/SubnetsComponent/Component1.jsx @@ -10,10 +10,10 @@ import { } from "@chakra-ui/react"; import vector1 from "../../assets/images/vector1.png"; -export const Component1 = () => { +export const Component1 = ({ id, title, content }) => { return ( <> - + - Only L1 powering full mobile nodes - + {content} + {/* Mobile nodes with full state data will settle P2P . Consensus provided by nearby node validators. High scalability, Partition tolerance and portability - + */} ); diff --git a/src/components/SubnetsComponent/NewSubnetComp.jsx b/src/components/SubnetsComponent/NewSubnetComp.jsx index 1df02be..62d5363 100644 --- a/src/components/SubnetsComponent/NewSubnetComp.jsx +++ b/src/components/SubnetsComponent/NewSubnetComp.jsx @@ -13,6 +13,7 @@ import cube from "../../assets/images/cube.png"; import stack from "../../assets/images/stackNew.webp"; import { gsap } from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; +import { useGetDecenterQuery } from "../../Redux/slice/homeSlice"; // Initialize ScrollTrigger gsap.registerPlugin(ScrollTrigger); @@ -22,6 +23,10 @@ gsap.registerPlugin(ScrollTrigger); // }; export const NewSubnetComp = () => { + const { data, isLoading, error } = useGetDecenterQuery(); + console.log(data?.data?.rows); + const decentralised = data?.data?.rows; + // const firstBoxRef = useRef(null); // const secondBoxRef = useRef(null); // const thirdBoxRef = useRef(null); @@ -78,40 +83,111 @@ export const NewSubnetComp = () => { overflow: "hidden", }} > - + {decentralised?.map((item) => ( - + + + {item.heading} + + + + {item?.decenters.map((data) => console.log(data[0]))} + + + + + { }, }} > - decentralised Auto Syncing subnets + With Unmatched Privacy and Scalability - + + + + + + + + 01. Decentralisation + + + Rubix Decentralised Identity(DID) issued at L1 is the + foundation for building digital ownership enhancing + applications. + + + + + 02. Ultra Scalability + + + Unlike monolithic chains which become centralized and + introduce latency to achieve high throughput in the Rubix + object chain architecture, where mobile nodes have real + time full state data, the network TPS will increase with + increase in numbers of nodes. + + + + + 03. Data Security and Privacy + + + Rubix Decentralised Identity(DID) issued at L1 is the + foundation for building digital ownership enhancing + applications + + + + + + + + + - - - - + All In One Composable Stack + + + + + + + Single Comprehensive Stack: + + + Full Mobile node SDK, Smart Contracts, DID's, + Secondary tokens ( FTs and NFTs) all in one place. + + + + + High Partition Tolerence: + + + Issues in one shard wont affect other shards performance + + + + + Fully Deterministic + + + App can bring own Block space ( BYOB ) + + + + + + + + + + Unique Token/Object Based Architecture + + + Build unlimited FTs and NFTs all at L1!! + + + + + Green By The Design + + + 100000 Rubix Transactions consume < 10 kWh < 100000 + Visa transactions + + + + + 51.4 Million RBT + + Fixed Supply. Hardcapped + + - - - - - - - - - - - - - - + + - - - - With Unmatched Privacy and Scalability - - - - - - - - - - 01. Decentralisation - - - Rubix Decentralised Identity(DID) issued at L1 is the - foundation for building digital ownership enhancing - applications. - - - - - 02. Ultra Scalability - - - Unlike monolithic chains which become centralized and - introduce latency to achieve high throughput in the Rubix - object chain architecture, where mobile nodes have real time - full state data, the network TPS will increase with increase - in numbers of nodes. - - - - - 03. Data Security and Privacy - - - Rubix Decentralised Identity(DID) issued at L1 is the - foundation for building digital ownership enhancing - applications - - - - - - - - - - All In One Composable Stack - - - - - - - Single Comprehensive Stack: - - - Full Mobile node SDK, Smart Contracts, DID's, Secondary - tokens ( FTs and NFTs) all in one place. - - - - - High Partition Tolerence: - - - Issues in one shard wont affect other shards performance - - - - - Fully Deterministic - - - App can bring own Block space ( BYOB ) - - - - - - - - - - Unique Token/Object Based Architecture - - - Build unlimited FTs and NFTs all at L1!! - - - - - Green By The Design - - - 100000 Rubix Transactions consume < 10 kWh < 100000 - Visa transactions - - - - - 51.4 Million RBT - - Fixed Supply. Hardcapped - - - - - - + ))} ); };