Feat/recently viewed keys 864 - #900
Conversation
Track the last 5 creator keys a user visits on the key detail page in a localStorage-backed store (newest first) and surface them on the homepage for connected users, below the trending leaderboard. - Add useRecentlyViewed persisted store (max 5 entries, newest first) - Record key detail visits in CreatorDetailPage - Render compact RecentlyViewed cards (avatar, name, current price, 24h change) - Add RecentlyViewedSection on the homepage, hidden for guests / empty state - Remove a key from recently viewed when added to the watchlist - Clear the list on wallet disconnect
|
@Seunfunmi-319509 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
…DetailPage The remote merge removed the useRecentlyViewed call and WatchlistButton JSX from CreatorDetailPage while keeping their imports, causing ESLint no-unused-vars errors on CI. Also adds missing Bookmark icon import in Header.tsx. Closes accesslayerorg#864 🤖 Generated with Codebuff Co-Authored-By: Codebuff <noreply@codebuff.com>
…#900) The last dev merge into feat/recently-viewed-keys-864 carried over dev's own badly-resolved merge (e498adc in accesslayerorg#898), which left several files with duplicate, unparseable content that broke `pnpm lint` and `tsc`: - slippageTolerance.utils.ts / SlippageToleranceSelector.tsx / KeySimulationTool.tsx and their tests were each stitched from two generations of the API (accesslayerorg#872-era and accesslayerorg#877/accesslayerorg#887-era). Restore the implementations the tree's consumers (TradeDialog, LandingPage, CreatorDetailPage) actually use, from the clean pre-merge state. - WatchlistToggle.tsx and its test (dev accesslayerorg#861 artifacts) cannot compile against the wallet-scoped zustand watchlist store used by this branch's components; drop them and restore the store from the branch's own last good state, matching the accesslayerorg#870 resolution. Verified locally: pnpm lint clean, pnpm build green, 46 watchlist / slippage / recently-viewed tests pass. 🤖 Generated with Codebuff Co-Authored-By: Codebuff <noreply@codebuff.com>
|
@Chucks1093 all checks passed and all conflicts resolved |
|
Fix Merge conflict |
|
CI is green but this PR has a merge conflict with dev and cannot be auto-merged. Pull the latest dev into your branch with git fetch origin && git checkout your-branch && git merge origin/dev, resolve any conflicts, then run npm run build and npm run lint to confirm everything is clean before pushing. |
|
@Chucks1093 all conflicts resolved and checks passed |
|
MERGE CONFLICT |
|
@Chucks1093 conflict resolved and checks passed |
|
@Chucks1093, please merge Sir, |
PR Summary
Added a Recently Viewed section to the homepage to provide authenticated users with quick access to their last visited keys.
What was done
Acceptance Criteria
Closes #864