diff --git a/components/Home/sidebar/RootLeftSidebar.tsx b/components/Home/sidebar/RootLeftSidebar.tsx index c5fc9b053..0ea41cce6 100644 --- a/components/Home/sidebar/RootLeftSidebar.tsx +++ b/components/Home/sidebar/RootLeftSidebar.tsx @@ -5,6 +5,7 @@ import { faGrid2, faHandHoldingDollar, faHouse, + faNewspaper, faTableTree, faWavePulse, } from "@fortawesome/pro-solid-svg-icons"; @@ -97,14 +98,6 @@ export const getLeftSidebarItemAttrs = ({ href: "/live", onClick: silentEmptyFnc, }, - { - icon: , - label: "Hubs", - isActive: ["/hubs"].includes(pathname), - isMinimized, - href: "/hubs", - onClick: silentEmptyFnc, - }, { icon: , label: "Bounties", @@ -121,6 +114,22 @@ export const getLeftSidebarItemAttrs = ({ href: "/funding", onClick: silentEmptyFnc, }, + { + icon: , + label: "Journals", + isActive: ["/journals"].includes(pathname), + isMinimized, + href: "/journals", + onClick: silentEmptyFnc, + }, + { + icon: , + label: "Hubs", + isActive: ["/hubs"].includes(pathname), + isMinimized, + href: "/hubs", + onClick: silentEmptyFnc, + }, { icon: , label: "Lab Notebook", @@ -283,6 +292,9 @@ function RootLeftSidebar({ ind: number ): ReactElement => ( <> + {attrs.label === "Journals" && !isMinimized && ( +
Browse
+ )} {attrs.label === "Bounties" && !isMinimized && (
ResearchCoin
)} @@ -444,16 +456,6 @@ function RootLeftSidebar({ */} - - {"About"} - - - {isMinimized ? "Comm.." : "Community"} - - {/* @ts-ignore */} - + + + {isMinimized ? "Comm.." : "Community"} + + + {"About"} + {/* - {isMinimized ? ( -
{ - setGrowMinimized(false); - setIsMinimized(false); - }} - > - -
- ) : ( -
{ - setGrowMinimized(true); - setIsMinimized(true); - }} - > - -
- )} @@ -626,7 +616,7 @@ const styles = StyleSheet.create({ }, leftSidebarFooterTxtItem: { color: colors.TEXT_GREY(1), - fontSize: 16, + fontSize: 15, fontWeight: 400, textDecoration: "none", margin: "0 30px 12px", @@ -637,7 +627,7 @@ const styles = StyleSheet.create({ leftSidebarFooterTxtItemMin: { fontSize: 14, fontWeight: 300, - margin: "0 auto 12px", + margin: "0 auto 10px", }, leftSidebarFooterItemsTop: { display: "flex", diff --git a/components/Home/sidebar/RootLeftSidebarSlider.tsx b/components/Home/sidebar/RootLeftSidebarSlider.tsx index 7e63b797d..75a944c3a 100644 --- a/components/Home/sidebar/RootLeftSidebarSlider.tsx +++ b/components/Home/sidebar/RootLeftSidebarSlider.tsx @@ -63,6 +63,9 @@ function RootLeftSidebarSlider({ ind: number ): ReactElement => ( <> + {attrs.label === "Journals" && ( +
Browse
+ )} {attrs.label === "Bounties" && (
ResearchCoin
)} @@ -125,18 +128,13 @@ function RootLeftSidebarSlider({ > Leaderboard
*/} - - {"Jobs"} -
+