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

Updated UseCases and Home page links and Learn page links

Browse Source
This commit is contained in:
rockyeverlast
2024-04-11 21:00:19 +05:30
parent 006c44e673
commit bc8749f7d2
15 changed files with 594 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -33,7 +33,7 @@ const NavBar = () => {
const [isHoveredLearn, setIsHoveredLearn] = useState(false);
const [isHoveredBuild, setIsHoveredBuild] = useState(false);
const [isHoveredCases, setIsHoveredCases] = useState(false);
const [isHoveredCommunity, setIsHoveredCommunity] = useState(false);
// const [isHoveredCommunity, setIsHoveredCommunity] = useState(false);
const [windowWidth, setWindowWidth] = useState(window.innerWidth);
const location = useLocation();
@@ -99,7 +99,9 @@ const NavBar = () => {
>
<Box marginRight={"6%"}>
<Link
to="/"
to="https://getfexr.com/"
target="_blank"
rel="noopener noreferrer"
style={{
color: "#fff",
marginRight: "2.5rem",
@@ -109,7 +111,9 @@ const NavBar = () => {
WALLET
</Link>
<Link
to="/"
to="https://rubixexplorer.com/"
target="_blank"
rel="noopener noreferrer"
style={{
color: "#fff",
marginRight: "2.5rem",
@@ -476,7 +480,7 @@ const NavBar = () => {
<PopoverArrow backgroundColor={"#0D0B20"} shadow={"none"} />
<PopoverBody>
<Link
to="/UseCases"
to="/fin-tech"
className="link"
style={
location.pathname === "/UseCases" ? highlight : normal
@@ -496,13 +500,13 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/"
to="/ad-tech"
className="link"
// style={
// location.pathname === "/LearnPage"
// ? highlight
// : normal
// }
style={
location.pathname === "/LearnPage"
? highlight
: normal
}
>
<Box
display={"flex"}
@@ -518,13 +522,13 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/"
to="/mar-tech"
className="link"
// style={
// location.pathname === "/LearnPage"
// ? highlight
// : normal
// }
style={
location.pathname === "/LearnPage"
? highlight
: normal
}
>
<Box
display={"flex"}
@@ -540,13 +544,13 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/"
to="/health-tech"
className="link"
// style={
// location.pathname === "/LearnPage"
// ? highlight
// : normal
// }
style={
location.pathname === "/LearnPage"
? highlight
: normal
}
>
<Box
display={"flex"}
@@ -562,7 +566,36 @@ const NavBar = () => {
</PopoverContent>
</Popover>
<Popover
<Link
to="/community"
className="link"
style={
location.pathname === "/community" ? highlight : normal
}
>
<Button
backgroundColor={"transparent"}
color={"#fff"}
fontWeight={"400"}
_hover={{
backgroundColor: "transparent",
}}
_focus={{
boxShadow: "none",
}}
>
COMMUNITY
<span
style={
location.pathname === "/community" ||
location.pathname === "/Articles"
? active
: linkStyle
}
/>
</Button>
</Link>
{/* <Popover
isOpen={isHoveredCommunity}
onClose={() => setIsHoveredCommunity(false)}
>
@@ -689,7 +722,7 @@ const NavBar = () => {
</Link>
</PopoverBody>
</PopoverContent>
</Popover>
</Popover> */}
<Link to="/" className="link" style={{ position: "relative" }}>
<Button