Skip to content

Conversation

@david-sun-venus
Copy link
Contributor

Jira ticket(s)

VPD-416

Changes

evm app

  • new hero & market section

@vercel
Copy link

vercel bot commented Jan 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
app.venus.io Error Error Jan 22, 2026 2:48pm
dapp-preview Ready Ready Preview Jan 22, 2026 2:48pm
dapp-testnet Ready Ready Preview Jan 22, 2026 2:48pm
venus.io Ready Ready Preview Jan 22, 2026 2:48pm

Request Review

@changeset-bot
Copy link

changeset-bot bot commented Jan 15, 2026

🦋 Changeset detected

Latest commit: b81796f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages
Name Type
@venusprotocol/chains Minor
@venusprotocol/landing Minor
@venusprotocol/ui Minor
@venusprotocol/evm Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Contributor

github-actions bot commented Jan 15, 2026

Coverage Report for ./apps/evm

Status Category Percentage Covered / Total
🔵 Lines 78.18% 34919 / 44660
🔵 Statements 78.18% 34919 / 44660
🔵 Functions 60.87% 571 / 938
🔵 Branches 72.67% 4239 / 5833
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
apps/evm/src/App/MuiThemeProvider/muiTheme.ts 99.34% 0% 100% 99.34% 2
apps/evm/src/clients/api/queries/getMarketsTvl/index.ts 95% 80% 100% 95% 1
apps/evm/src/clients/api/queries/getMarketsTvl/useGetMarketsTvl.ts 88.88% 0% 100% 88.88% 1
apps/evm/src/components/Apy/PrimeBadge/PrimeApy/index.tsx 100% 0% 100% 100%
apps/evm/src/components/BalanceUpdates/index.tsx 100% 84.61% 100% 100%
apps/evm/src/components/ButtonGroup/index.tsx 100% 80% 100% 100%
apps/evm/src/components/Icon/icons/dollar.tsx 11.11% 100% 0% 11.11% 5-29
apps/evm/src/components/Icon/icons/index.ts 100% 100% 100% 100%
apps/evm/src/components/LabeledInlineContent/index.tsx 100% 85.71% 100% 100%
apps/evm/src/components/Modal/index.tsx 100% 50% 100% 100%
apps/evm/src/components/Table/TableCards.tsx 89% 90% 33.33% 89% 57-68, 109
apps/evm/src/components/Table/index.tsx 89.65% 88.46% 0% 89.65% 54-62, 104-109, 134
apps/evm/src/components/Table/storiesUtils.tsx 0% 100% 100% 0% 2-118
apps/evm/src/components/Table/styles.ts 90.66% 95.45% 90% 90.66% 1, 75-89
apps/evm/src/components/TokenIcon/index.tsx 100% 80% 100% 100%
apps/evm/src/components/TokenIconWithSymbol/index.tsx 100% 87.5% 100% 100%
apps/evm/src/components/Wrapper/index.tsx 100% 0% 100% 100%
apps/evm/src/constants/functionKey.ts 100% 50% 100% 100%
apps/evm/src/constants/production.ts 100% 100% 100% 100%
apps/evm/src/constants/time.ts 100% 0% 100% 100%
apps/evm/src/containers/Layout/index.tsx 0% 0% 0% 0% 1-95
apps/evm/src/containers/Layout/Header/MarketInfo/index.tsx 0% 0% 0% 0% 1-163
apps/evm/src/containers/Layout/NavBar/SettingsButton/index.tsx 0% 0% 0% 0% 1-40
apps/evm/src/containers/Link/index.tsx 100% 80% 100% 100%
apps/evm/src/containers/MarketTable/index.tsx 92.85% 76.47% 71.42% 92.85% 84-92, 128, 144, 203
apps/evm/src/containers/MarketTable/styles.ts 96% 66.66% 100% 96% 1
apps/evm/src/containers/MarketTable/useColumns/index.tsx 81.78% 85.91% 66.66% 81.78% 186, 313-320, 339-362, 364-389
apps/evm/src/pages/Dashboard/PerformanceChart/index.tsx 92.69% 68.75% 0% 92.69% 59, 131-134, 192, 203-210
apps/evm/src/pages/Dashboard/Pools/Positions/Summary/index.tsx 94.62% 0% 100% 94.62% 67, 84-87
apps/evm/src/pages/Dashboard/Pools/Positions/Tables/index.tsx 91.05% 80% 100% 91.05% 137-149
apps/evm/src/pages/Landing/index.tsx 0% 0% 0% 0% 1-34
apps/evm/src/pages/Landing/Benefits/index.tsx 0% 0% 0% 0% 1-54
apps/evm/src/pages/Landing/Governance/index.tsx 0% 0% 0% 0% 1-82
apps/evm/src/pages/Landing/Hero/index.tsx 100% 0% 100% 100%
apps/evm/src/pages/Landing/Hero/Galaxy/index.tsx 0% 0% 0% 0% 1-339
apps/evm/src/pages/Landing/Hero/HeroTabs/index.tsx 100% 86.66% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/GlassCard/index.tsx 100% 0% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/Row/index.tsx 100% 0% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/constants.ts 100% 0% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/index.tsx 100% 88.88% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/Earnings/index.tsx 100% 50% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/Earnings/BarChart/index.tsx 73.49% 0% 0% 73.49% 61-65, 78-97
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/Earnings/EarningTabs/index.tsx 100% 66.66% 0% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/Interests/index.tsx 100% 0% 100% 100%
apps/evm/src/pages/Landing/Hero/HeroTabs/TabContent/calculateInterests/index.ts 90% 0% 100% 90% 1
apps/evm/src/pages/Landing/Markets/index.tsx 0% 0% 0% 0% 1-81
apps/evm/src/pages/Landing/Safety/index.tsx 0% 0% 0% 0% 1-91
apps/evm/src/pages/Landing/VenusPrime/index.tsx 0% 0% 0% 0% 1-65
apps/evm/src/pages/Market/MarketHistory/Card/index.tsx 86.84% 62.5% 0% 86.84% 63, 66, 72-77, 115, 132-139
apps/evm/src/pages/Voter/Transactions/styles.ts 97.77% 0% 100% 97.77% 1
apps/evm/src/pages/VoterLeaderboard/LeaderboardTable/styles.ts 93.33% 0% 100% 93.33% 1
apps/evm/src/types/index.ts 97.36% 83.33% 100% 97.36% 7
apps/evm/src/utilities/formatCentsToReadableValue/index.ts 97.95% 95.65% 100% 97.95% 1
Generated in workflow #12367 for commit b81796f by the Vitest Coverage Report Action

@vercel vercel bot temporarily deployed to Preview – venus.io January 15, 2026 13:41 Inactive
@vercel vercel bot temporarily deployed to Preview – venus.io January 15, 2026 14:19 Inactive
@vercel vercel bot temporarily deployed to Preview – venus.io January 15, 2026 14:23 Inactive
@vercel vercel bot temporarily deployed to Preview – venus.io January 15, 2026 14:44 Inactive
@vercel vercel bot temporarily deployed to Preview – venus.io January 15, 2026 15:12 Inactive
<div className="relative h-auto xl:min-h-175 w-full bg-black">
<Galaxy />
<div className="relative h-auto xl:min-h-175 w-full bg-background-active mb-10 lg:mb-15">
{/* We use JS to conditionally render the galaxy background so that it does not load on mobile, where it won't be displayed anyway */}
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe the mobile layout does display the Galaxy like others.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According to the designs it isn't displayed on mobile (which would make sense because it will kill weak phones).
Screenshot 2026-01-22 at 14 40 14

Comment on lines +5 to +8
// export const DAPP_URL = 'https://app.venus.io';
// export const LANDING_PAGE_URL = 'https://venus.io';
// export const DOC_URL = 'https://docs-v4.venus.io';
// export const WHITEPAPERS_URL = 'https://github.com/VenusProtocol/venus-protocol-documentation/tree/main/whitepapers';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If these aren't used, then let's remove them completely.

<div className="relative h-auto xl:min-h-175 w-full bg-black">
<Galaxy />
<div className="relative h-auto xl:min-h-175 w-full bg-background-active mb-10 lg:mb-15">
{/* We use JS to conditionally render the galaxy background so that it does not load on mobile, where it won't be displayed anyway */}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According to the designs it isn't displayed on mobile (which would make sense because it will kill weak phones).
Screenshot 2026-01-22 at 14 40 14

@david-sun-venus david-sun-venus merged commit 9caef41 into feat/v4 Jan 22, 2026
3 of 6 checks passed
@david-sun-venus david-sun-venus deleted the feat/hero-market branch January 22, 2026 15:03
therealemjy added a commit that referenced this pull request Jan 23, 2026
* feat: add responsive menu (#5220)

* feat(evm): new hero section

* style(evm): adjust testnet warning, hero chart height, breakpoint styles

* fix: link from supply section

* refactor(evm): update Link and ButtonWrapper usages

* feat(evm): wip: market list, update hero styles

* style(evm): market list mobile styles

* feat: update markets section

* feat(evm): add hero apy estimations

* feat: update market table

* feat: add PT-clisBNBx-25JUN2026 token record

* refactor(evm): code review changes, add changeset, update styles

* feat: add border radius to table rows

* style(evm): update chart and hero height

* fix(evm): use market size data as total tvl

* style(evm): hero styles and content update

* feat(evm): update venusPrime in new landing, fix tw breakpoints

* feat: refactor hero section of Landing page

---------

Co-authored-by: Maxime Julian <44675210+therealemjy@users.noreply.github.com>
Co-authored-by: therealemjy <maxime.julian.creations@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants