Create "Assets Tab" Under Get a Loan Page #35
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