Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-28 22:25:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated UseCases, routes, slice

Browse Source
This commit is contained in:
rockyeverlast
2024-05-23 20:03:13 +05:30
parent ba39483c1a
commit 0cbc97f281
11 changed files with 324 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/EcoPage/EcoBanner.jsx
View File

@@ -126,7 +126,7 @@ const EcoBanner = () => {
cursor={"pointer"}
transition="0.3s ease-in-out"
color={"#fff"}
width={"216px"}
width={"auto"}
marginTop={"2rem"}
height={"56px"}
fontFamily={"Poppins"}

22
src/components/Footer/Footer.jsx
View File

@@ -382,18 +382,16 @@ const Footer = () => {
>
<Image src={logo} width={"100px"} paddingBottom={"5px"} />
<Link>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
All rights reserved.
</Text>
</Link>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
All rights reserved.
</Text>
<Link>
<Link to="/policy">
<Text
color={"#fff"}
fontFamily={"Poppins"}
@@ -404,7 +402,7 @@ const Footer = () => {
</Text>
</Link>
<Link>
<Link to="/terms">
<Text
color={"#fff"}
fontFamily={"Poppins"}

131
src/components/NavBar/NavBar.jsx
View File

@@ -480,16 +480,13 @@ const NavBar = () => {
onMouseLeave={() => setIsHoveredCases(false)}
>
USE CASES
<span
style={
location.pathname === "/fin-tech" ||
location.pathname === "/ad-tech" ||
location.pathname === "/mar-tech" ||
location.pathname === "/health-tech"
{/* <span
style={useCase.map((item) => {
location.pathname === `${item.title_slug}`
? active
: linkStyle
}
/>
: linkStyle;
})}
/> */}
</Button>
</PopoverTrigger>
<PopoverContent
@@ -497,7 +494,7 @@ const NavBar = () => {
borderRadius={"10px"}
border={"none"}
padding={"1rem"}
width={useCase?.length > 1 ? "50%" : "auto"}
width={useCase?.length > 1 ? "65%" : "auto"}
margin={"0 auto"}
_focus={{
boxShadow: "none",
@@ -506,34 +503,12 @@ const NavBar = () => {
onMouseLeave={() => setIsHoveredCases(false)}
>
<PopoverArrow backgroundColor={"#0D0B20"} shadow={"none"} />
{/* <PopoverBody width={"45%"}>
<Link
to="/fin-tech"
className="link"
style={
location.pathname === "/fin-tech"
? highlight
: normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={fintechIcon} width={`${iconwidth}`} />
FinTech
</Box>
</Link>
</PopoverBody> */}
<PopoverBody
width={"100%"}
display={"flex"}
flexWrap={"wrap"}
justifyContent={"space-between"}
paddingInline={"0px"}
>
{useCase?.map((slug) => (
<Box
@@ -552,7 +527,7 @@ const NavBar = () => {
<Box
display={"flex"}
alignItems={"center"}
justifyContent={"center"}
justifyContent={"start"}
gap={"1rem"}
marginBottom={"1rem"}
>
@@ -568,94 +543,6 @@ const NavBar = () => {
</Box>
))}
</PopoverBody>
{/* <PopoverBody width={"45%"}>
<Link
to="/mar-tech"
className="link"
style={
location.pathname === "/mar-tech"
? highlight
: normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={marTech} width={`${iconwidth}`} />
MarTech
</Box>
</Link>
</PopoverBody>
<PopoverBody width={"45%"}>
<Link
to="/health-tech"
className="link"
style={
location.pathname === "/health-tech"
? highlight
: normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={healthTech} width={`${iconwidth}`} />
HealthTech
</Box>
</Link>
</PopoverBody>
<PopoverBody width={"45%"}>
<Link
to="/identity-security"
className="link"
style={
location.pathname === "/identity-security"
? highlight
: normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={security} width={`${iconwidth}`} />
Identity and Security
</Box>
</Link>
</PopoverBody>
<PopoverBody width={"45%"}>
<Link
to="/Telecom"
className="link"
style={
location.pathname === "/Telecom"
? highlight
: normal
}
>
<Box
display={"flex"}
alignItems={"center"}
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={telecom} width={`${iconwidth}`} />
Telecom
</Box>
</Link>
</PopoverBody> */}
</PopoverContent>
</Popover>
{/* <Link

3
src/components/ResourcesPage/Content.jsx
View File

@@ -5,11 +5,8 @@ import TabsVideo from "./tabInsideContent/TabsVideo";
import WhitepaperDocs from "./tabInsideContent/WhitepaperDocs";
import ArticlesTable from "./tableContent/ArticlesTable";
import VideoTable from "./tableContent/VideoTable";
import { useParams } from "react-router-dom";
const Content = ({ tab }) => {
const { tabs } = useParams();
switch (tab) {
case "The Rubix whitepapers":
return (

12
src/components/ResourcesPage/NewestEvents.jsx
View File

@@ -11,7 +11,7 @@ import {
Tabs,
Text,
} from "@chakra-ui/react";
import { useState } from "react";
import { useEffect, useState } from "react";
import Content from "./Content";
import ArticlesTable from "./tableContent/ArticlesTable";
@@ -32,9 +32,17 @@ const tabsBtn = [
const NewestEvents = () => {
const [selectedTab, setSelectedTab] = useState(tabsBtn[0].btn);
const [selectedIndex, setSelectedIndex] = useState(0);
useEffect(() => {
const storedIndex = sessionStorage.getItem("selectedTabIndex");
if (storedIndex) {
setSelectedIndex(parseInt(storedIndex, 10));
}
}, []);
const handleTabChange = (tab) => {
setSelectedTab(tab);
setSelectedIndex(tab);
setSelectedTab("setSelectedIndex", tab);
};
return (

10
src/components/UseCase/NewUseCase.jsx
View File

@@ -170,7 +170,9 @@ const NewUseCase = ({
<Text
pb={5}
className="rubix-text-small"
dangerouslySetInnerHTML={{ __html: matchingUseCase.content }}
dangerouslySetInnerHTML={{
__html: matchingUseCase.content,
}}
/>
</Box>
@@ -208,12 +210,12 @@ const NewUseCase = ({
</Text> */}
</Box>
</Box>
{matchingUseCase ? (
{matchingUseCase.attachments.length >= 1 ? (
<Text
className="rubix-fw-500"
fontSize="3xl"
textColor={"#ffffff"}
marginBottom={"3rem"}
marginBottom={"1rem"}
marginInline={"3rem"}
sx={{
"@media (max-width: 600px)": {
@@ -232,7 +234,7 @@ const NewUseCase = ({
marginBottom={"2rem"}
display={"flex"}
justifyContent={"start"}
gap={"2rem"}
gap={"3rem"}
flexWrap={"wrap"}
>
{matchingUseCase.attachments.map((item) => (