Trajectfi/Trajectfi-frontend

Create "Assets Tab" Under Get a Loan Page

Ouverte

#35 ouverte le 4 juin 2025

 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (14 forks)auto 404
ODHack14dappgood first issue

Métriques du dépôt

Stars
 (0 étoile)
Métriques de merge PR
 (Métriques PR en attente)

Description

Description:

Create the "Assets" tab under the Get a Loan page to display only unlisted NFTs that can be used as collateral for loans. Figma Link

Requirements:

  • Add "Assets" tab to the Get a Loan page navigation
  • Display only NFTs with "unlisted" state (filter out listed and escrow NFTs)
  • Utilize existing unlisted tag logic and filtering system
  • Import and integrate existing UI components for NFT display
  • Show NFT collection filters on the left sidebar (Cryptopunk VQ, CLONE X-X, KOLLABEAR, etc.)

Implement grid view showing NFT cards with:

  • NFT image
  • Collection name (e.g., "Cryptopunk VQ (STRK)")
  • NFT ID (e.g., "Cryptopunk #1232")
  • "Unlisted" status badge

Add search functionality to filter NFTs(Logic for filtering has already been created) Ensure responsive design matching existing UI patterns

Acceptance Criteria:

  • Assets tab is visible and functional in Get a Loan page
  • Only unlisted NFTs are displayed
  • Existing filtering logic is properly integrated
  • UI matches the design shown in screenshots
  • Collection filters work correctly
  • Search functionality is implemented
  • Grid view displays NFT information correctly

Technical Notes:

  • Reuse existing NFT state filtering logic (unlisted/listed/escrow)
  • Import existing UI components for NFT cards and collection filters
  • Ensure proper integration with current routing structure

Guide contributeur