Trajectfi/Trajectfi-frontend

Create "Assets Tab" Under Get a Loan Page

Offen

#35 geöffnet am 04.06.2025

 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (14 Forks)auto 404
ODHack14dappgood first issue

Repository-Metriken

Stars
 (0 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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

Contributor Guide