Skip to content

feat: ether fi#3042

Open
tienkane wants to merge 15 commits intomainfrom
feat/ether-fi
Open

feat: ether fi#3042
tienkane wants to merge 15 commits intomainfrom
feat/ether-fi

Conversation

@tienkane
Copy link
Copy Markdown
Collaborator

No description provided.

… ether.fi vaults

- Restructure landing page with CSS Grid layout (PageGrid, CardsRow, PoolsRow)
- Add EarnLayout with sidebar navigation and mobile horizontal tabs
- Add FeaturedPartnerVaults section with ether.fi vault cards
- Add skeleton loading for pool sections and vault cards
- Add fade-in entrance animations with staggered delays and prefers-reduced-motion support
- Add hover transitions on cards, pool rows, buttons, and vault cards
- Add routes and nav links for Explore Vaults and My Vaults pages
- Responsive breakpoints: 3-col → 2-col (upToLarge) → 1-col (upToSmall)
- Replace LocalLoader with PositionSkeleton-based loading states
- Use currentColor for sidebar icons to match text color transitions
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

…ails

- Wrap all earn routes in a shared EarnLayout via React Router layout route
- Centralize page padding in EarnContentArea, remove per-page padding overrides
- Use currentColor on sidebar icons so color transitions match text on hover
- Highlight 'My Positions' sidebar item on position detail sub-routes
- Fix duplicate data-testid on Smart Exit nav link
- Adjust sidebar/mobile-nav responsive breakpoint from upToSmall to upToMedium
- Remove max-width/margin:auto from EarnContentArea (broken in flex layout)
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

tienkane added 2 commits April 3, 2026 14:01
- Add ExploreVaults page with vault cards, APY bar charts, TVL line charts
- Add MyVaults page with user positions, withdrawal status, and countdown
- Use TokenLogo component for token/chain icons with fallback handling
- Use shortenHash for transaction hash display
- Add absolute imports rule to CLAUDE.md
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

- Restructure top row into Liquidity Pools (High APR + Stable Pairs) +
  Partner Vaults bordered section containers with animated gradient borders
- Wrap Highlighted + Farming Pools in a single bottom section container
  with vertical divider between columns
- Add new SmallPoolRow / LargePoolRow variants and 2-line stacked layout
  for small pool items on mobile
- Add 🔥 / 🔥🔥 / 🔥🔥🔥 dynamic emoji prefix on High APR values based on
  apr tier, 💎 prefix on Stable Pairs, ⚡ on Highlighted Pools title
- Inline Total Rewards + Collect Rewards button under hero
- Hoist zap/migration/smart-exit widget hooks out of PoolItem to reduce
  duplicate modal mounts on landing page
- Add responsive breakpoints (mobile=576, tablet=768-992, desktop=992+)
  with edge-to-edge sections and gradient top/bottom borders on mobile
- Make Partner Vaults section navigate to /earn/vaults on click
- Add keyboard a11y (tabIndex + Enter/Space) on interactie raw <img> tags with TokenLogo in FeaturedPartnerVaults for
  consistent fallback handling
- Remove obsolete Card.tsx and Icon.tsx
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

- Make Liquidity Pools section container clickable to navigate to
  /earn/pools, with Enter/Space keyboard support
- Stop click propagation on inner PoolSection title clicks so filtered
  navigation (?tag=...) still wins over the parent section navigate
- Swap Partner Vaults section icon to ic_earn_pools to match design
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

- Add desktop collapse toggle (220px ↔ 64px) with localStorage persistence
- Replace horizontal mobile nav with breadcrumbs + left-slide drawer
  portaled to document.body to escape BodyWrapper stacking context
- Unify nav config via useEarnNavGroups() shared by sidebar and breadcrumbs
- Animate padding alongside width so icons slide smoothly on collapse
- Fade active indicator bar via opacity instead of snap in/out
- Convert interactive divs to <button> with aria-current and focus-visible
  for keyboard navigation
- Cover both overview label and toggle icon with a single highlight pill
  via :focus-within on SidebarHeader
- Use theme.white/theme.black via polished rgba() for all overlays
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

Add a Sort by (APY / TVL) dropdown and a Gallery/List layout toggle
next to the existing chain filter. The new list view renders each
vault as a separated card row with column-aligned APY, TVL and
actions. List view is only available at >= 1201px (upToLarge); below
that the layout is forced to gallery to match the existing grid
breakpoint and avoid horizontal overflow with the EarnLayout sidebar.
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

Add /earn/vault/:vaultId route rendering header, TVL/APY charts with
24H/7D/30D period tabs, and a deposit/withdraw placeholder card.
Layout is responsive (2 col -> 1 col at upToLarge) with subtle fade
and stagger animations guarded by prefers-reduced-motion.

Explore Vaults and My Vaults cards are now keyboard-accessible buttons
that navigate to the detail page; sidebar breadcrumb matches vault
detail to Explore Vaults. Shared card action elements were converted
from styled.div to styled.button. Sample user vault IDs now reference
real vaults so navigation resolves correctly.
@kyber-ci-bot
Copy link
Copy Markdown

Auto Deploy Pull Request

⚠️ Warning: Application's Ingress not ready after 1m0s

Notes:

  • Please contact SRE team to support investigate this issue.

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.

2 participants