diff --git a/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx b/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx index 981d197165..1344247eb6 100644 --- a/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx +++ b/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx @@ -106,7 +106,9 @@ export default async function BlogPage({ {section.text.map(({ text }) => ( - {text} + + {text} + ))} diff --git a/explorer-nextjs/src/app/(pages)/stake/page.tsx b/explorer-nextjs/src/app/(pages)/stake/page.tsx index da9c16835d..0ce0d012ed 100644 --- a/explorer-nextjs/src/app/(pages)/stake/page.tsx +++ b/explorer-nextjs/src/app/(pages)/stake/page.tsx @@ -1,5 +1,5 @@ -import BlogArticlesCards from "@/components/blogs/BlogArticleCards"; -import Grid from "@mui/material/Grid2"; +// import BlogArticlesCards from "@/components/blogs/BlogArticleCards"; +// import Grid from "@mui/material/Grid2"; import { ContentLayout } from "../../../components/contentLayout/ContentLayout"; import SectionHeading from "../../../components/headings/SectionHeading"; import OverviewCards from "../../../components/staking/OverviewCards"; @@ -13,12 +13,12 @@ export default async function StakingPage() { - + {/* - + */} ); } diff --git a/explorer-nextjs/src/app/(pages)/explorer/page.tsx b/explorer-nextjs/src/app/(pages)/table/page.tsx similarity index 80% rename from explorer-nextjs/src/app/(pages)/explorer/page.tsx rename to explorer-nextjs/src/app/(pages)/table/page.tsx index 525d17f076..7e6fb4b62d 100644 --- a/explorer-nextjs/src/app/(pages)/explorer/page.tsx +++ b/explorer-nextjs/src/app/(pages)/table/page.tsx @@ -1,11 +1,11 @@ -import BlogArticlesCards from "@/components/blogs/BlogArticleCards"; +// import BlogArticlesCards from "@/components/blogs/BlogArticleCards"; import { ContentLayout } from "@/components/contentLayout/ContentLayout"; import SectionHeading from "@/components/headings/SectionHeading"; import NodeTableWithAction from "@/components/nodeTable/NodeTableWithAction"; import NodeAndAddressSearch from "@/components/search/NodeAndAddressSearch"; import { Wrapper } from "@/components/wrapper"; import { Box, Stack } from "@mui/material"; -import Grid from "@mui/material/Grid2"; +// import Grid from "@mui/material/Grid2"; export default function ExplorerPage() { return ( @@ -18,12 +18,12 @@ export default function ExplorerPage() { - + {/* - + */} ); diff --git a/explorer-nextjs/src/app/globals.css b/explorer-nextjs/src/app/globals.css index a3ebe5e8d2..4b14cb7282 100644 --- a/explorer-nextjs/src/app/globals.css +++ b/explorer-nextjs/src/app/globals.css @@ -54,7 +54,11 @@ a { } .reactMarkDownLink a { - color: #00ca33; + color: #000000; display: inline; font-weight: 700; } + +.reactMarkDownList ul { + margin-left: 20px; +} diff --git a/explorer-nextjs/src/components/header/menuItems.ts b/explorer-nextjs/src/components/header/menuItems.ts index 7dcd06a2a2..7697dcb031 100644 --- a/explorer-nextjs/src/components/header/menuItems.ts +++ b/explorer-nextjs/src/components/header/menuItems.ts @@ -8,7 +8,7 @@ const MENU_DATA: MenuItem[] = [ { id: 1, title: "Explorer", - url: "/explorer", + url: "/table", }, { id: 2, diff --git a/explorer-nextjs/src/components/landingPageComponents/StakersNumberCard.tsx b/explorer-nextjs/src/components/landingPageComponents/StakersNumberCard.tsx index c287a39a05..87759eefee 100644 --- a/explorer-nextjs/src/components/landingPageComponents/StakersNumberCard.tsx +++ b/explorer-nextjs/src/components/landingPageComponents/StakersNumberCard.tsx @@ -17,7 +17,7 @@ export const RewardsCard = () => { if (isLoading) { return ( - + ); @@ -25,7 +25,7 @@ export const RewardsCard = () => { if (isError || !observatoryNodes) { return ( - + Failed to load node data. @@ -41,7 +41,7 @@ export const RewardsCard = () => { const allStakers = getActiveStakersNumber(observatoryNodes); return ( - + {allStakers} diff --git a/explorer-nextjs/src/components/staking/StakeTable.tsx b/explorer-nextjs/src/components/staking/StakeTable.tsx index 5552d66f45..9dc0f2ddac 100644 --- a/explorer-nextjs/src/components/staking/StakeTable.tsx +++ b/explorer-nextjs/src/components/staking/StakeTable.tsx @@ -552,7 +552,7 @@ const StakeTable = ({ nodes }: { nodes: MappedNymNodes }) => { size="large" onClick={(e) => e.stopPropagation()} > - + Stake diff --git a/explorer-nextjs/src/data/Welcome-to-explorer-2.json b/explorer-nextjs/src/data/Welcome-to-explorer-2.json index c681fd284d..ffb89c6e4b 100644 --- a/explorer-nextjs/src/data/Welcome-to-explorer-2.json +++ b/explorer-nextjs/src/data/Welcome-to-explorer-2.json @@ -63,15 +63,43 @@ }, { "id": "section-2", - "heading": "Key features", + "heading": "Current features", "text": [ { "type": "parapraph", - "text": "Our team is already preparing with features for the next release: like enabling visitor comments on node pages, adding advanced filters for node and gateway search, role based filtering for easy overview and the much awaited dark mode - just to list a few." + "text": "Explorer 2.0 was designed with simplicity in mind. It’s Lightweight web-app that provides easy access on mobile and desktop that uses all new APIs providing live network and NYM token economic metrics. " }, { "type": "paragraph", - "text": "Let's continue exploring together! If there is a feature that you’d like to see in a future release, or in case you found a bug: do let us know in our community channels so we can improve and tailor the explorer to your needs." + "text": "The new design also has a 4-star scale to display an all-in-one quality of service score that is built routing, setup & probe scores, enabling easier overview for both VPN user and stakers." + }, + { + "type": "paragraph", + "text": "The new design allows anyone to track their favorite nodes using the “Fav button” that creates a local only cache about the nodes they want to keep an eye on. While the refreshed staking interface providing easy overview of accumulated rewards and one-click reward redemption from multiple nodes." + } + ] + }, + { + "id": "section-3", + "heading": "Upcoming features", + "text": [ + { + "type": "parapraph", + "text": "Our team is already preparing with features for the next release: like enabling visitor comments on node pages, adding advanced filters for node and gateway search, role based filtering and the much awaited dark mode - just to list a few." + } + ] + }, + { + "id": "section-4", + "heading": "Let’s continue exploring together!", + "text": [ + { + "type": "parapraph", + "text": "If there’s a feature that you’d like to see in a future release or in case you found a bug: let us know in our community channels so we can improve the explorer experience together!" + }, + { + "type": "parapraph", + "text": "- [X](https://x.com/nymproject) \n\n - [Telegram](https://t.me/nymchan) \n\n - [Matrix](https://matrix.to/#/%23nym-community:nymtech.chat) \n\n - [Discord](https://nym.com/blog/discord.gg/nym) " } ] } diff --git a/explorer-nextjs/src/theme/markdown-styles.module.css b/explorer-nextjs/src/theme/markdown-styles.module.css index 3f20974873..7e241a0be9 100644 --- a/explorer-nextjs/src/theme/markdown-styles.module.css +++ b/explorer-nextjs/src/theme/markdown-styles.module.css @@ -16,15 +16,3 @@ .reactMarkDownLink { display: inline; } - -.reactMarkDownLink p { - margin: 7px 0px; - font-size: 14px; - display: inline-block; -} - -.reactMarkDownLink a { - font-size: 14px; - color: #fb6e4e; - display: inline; -}