Show NFT portfolio value using MintGarden floor prices

crates/sage-api/src/records/nft_collection.rs

@@ -10,4 +10,5 @@ pub struct NftCollectionRecord {
     pub visible: bool,
     pub name: Option<String>,
     pub icon: Option<String>,
+    pub nft_count: u32,
 }

crates/sage-database/src/tables/collections.rs

@@ -12,6 +12,7 @@ pub struct CollectionRow {
     pub banner_url: Option<String>,
     pub description: Option<String>,
     pub is_visible: bool,
+    pub nft_count: u32,
 }
 
 impl Database {
@@ -46,7 +47,8 @@ impl DatabaseTx<'_> {
 async fn collection(conn: impl SqliteExecutor<'_>, hash: Bytes32) -> Result<Option<CollectionRow>> {
     let hash_ref = hash.as_ref();
     let row = query!(
-        "SELECT id, hash, uuid, minter_hash, name, icon_url, banner_url, description, is_visible 
+        "SELECT id, hash, uuid, minter_hash, name, icon_url, banner_url, description, is_visible,
+        (SELECT COUNT(*) FROM owned_nfts WHERE owned_nfts.collection_id = collections.id AND asset_is_visible = 1) AS \"nft_count!: i64\"
         FROM collections
         WHERE hash = ?",
         hash_ref
@@ -64,6 +66,7 @@ async fn collection(conn: impl SqliteExecutor<'_>, hash: Bytes32) -> Result<Opti
             banner_url: row.banner_url,
             description: row.description,
             is_visible: row.is_visible,
+            nft_count: row.nft_count.try_into()?,
         })
     })
     .transpose()
@@ -77,8 +80,9 @@ async fn collections(
 ) -> Result<(Vec<CollectionRow>, u32)> {
     // we only return collections that have nfts
     let rows = query!(
-        "SELECT collections.hash, uuid, collections.minter_hash, collections.name, collections.icon_url, 
-        collections.banner_url, collections.description, collections.is_visible, COUNT(*) OVER() as total_count
+        "SELECT collections.hash, uuid, collections.minter_hash, collections.name, collections.icon_url,
+        collections.banner_url, collections.description, collections.is_visible, COUNT(*) OVER() as total_count,
+        (SELECT COUNT(*) FROM owned_nfts WHERE owned_nfts.collection_id = collections.id AND asset_is_visible = 1) AS \"nft_count!: i64\"
         FROM collections
         WHERE 1=1
         AND EXISTS (SELECT 1 FROM owned_nfts WHERE owned_nfts.collection_id = collections.id)
@@ -109,6 +113,7 @@ async fn collections(
                 banner_url: row.banner_url,
                 description: row.description,
                 is_visible: row.is_visible,
+                nft_count: row.nft_count.try_into()?,
             })
         })
         .collect::<Result<Vec<_>>>()?;

crates/sage-wallet/src/utils/offchain_metadata.rs

@@ -57,6 +57,8 @@ pub fn compute_nft_info(did_id: Option<Bytes32>, blob: &[u8]) -> ComputedNftInfo
                 }
             }),
             is_visible: true,
+            // Computed on read paths only; insert_collection ignores this field.
+            nft_count: 0,
         })
     } else {
         None

crates/sage/src/endpoints/data.rs

@@ -563,6 +563,7 @@ impl Sage {
                     name: row.name,
                     icon: row.icon_url,
                     visible: row.is_visible,
+                    nft_count: row.nft_count,
                 })
             })
             .collect::<Result<Vec<_>>>()?;
@@ -598,6 +599,7 @@ impl Sage {
                 visible: collection.is_visible,
                 name: collection.name,
                 icon: collection.icon_url,
+                nft_count: collection.nft_count,
             }
         } else {
             NftCollectionRecord {
@@ -607,6 +609,7 @@ impl Sage {
                 visible: true,
                 name: Some("Uncategorized".to_string()),
                 icon: None,
+                nft_count: 0,
             }
         };
 

src/App.tsx

@@ -20,6 +20,7 @@ import {
   SupportedLanguage,
   useLanguage,
 } from './contexts/LanguageContext';
+import { NftPriceProvider } from './contexts/NftPriceContext';
 import { PeerProvider } from './contexts/PeerContext';
 import { PriceProvider } from './contexts/PriceContext';
 import { SafeAreaProvider } from './contexts/SafeAreaContext';
@@ -193,7 +194,9 @@ function AppInner() {
           <PeerProvider>
             <WalletConnectProvider>
               <PriceProvider>
-                <RouterProvider router={router} />
+                <NftPriceProvider>
+                  <RouterProvider router={router} />
+                </NftPriceProvider>
               </PriceProvider>
             </WalletConnectProvider>
           </PeerProvider>

src/bindings.ts

@@ -1915,7 +1915,7 @@ kind: NftUriKind;
  * The URI to add
  */
 uri: string }
-export type NftCollectionRecord = { collection_id: string; did_id: string; metadata_collection_id: string; visible: boolean; name: string | null; icon: string | null }
+export type NftCollectionRecord = { collection_id: string; did_id: string; metadata_collection_id: string; visible: boolean; name: string | null; icon: string | null; nft_count: number }
 export type NftData = { blob: string | null; mime_type: string | null; hash_matches: boolean; metadata_json: string | null; metadata_hash_matches: boolean }
 /**
  * Individual NFT to mint

src/components/NftGroupCard.tsx

@@ -4,9 +4,13 @@ import {
   NftRecord,
   commands,
 } from '@/bindings';
+import { NumberFormat } from '@/components/NumberFormat';
+import { NO_COLLECTION_ID } from '@/hooks/useNftData';
 import { NftGroupMode } from '@/hooks/useNftParams';
 import { useNetwork } from '@/hooks/useNetwork';
+import { useNftPrices } from '@/hooks/useNftPrices';
 import useOfferStateWithDefault from '@/hooks/useOfferStateWithDefault';
+import { usePrices } from '@/hooks/usePrices';
 import { mintGardenCollectionUrl, mintGardenDidUrl } from '@/lib/urls';
 //import { getMintGardenProfile } from '@/lib/marketplaces';
 import { t } from '@lingui/core/macro';
@@ -71,6 +75,8 @@ export function NftGroupCard({
 }: NftGroupCardProps) {
   const navigate = useNavigate();
   const { isTestnet } = useNetwork();
+  const { collectionValues } = useNftPrices();
+  const { getPriceInUsd } = usePrices();
   const [offerState, setOfferState] = useOfferStateWithDefault();
   const isCollection = type === 'collection';
 
@@ -282,6 +288,40 @@ export function NftGroupCard({
               </TooltipContent>
             </Tooltip>
           </TooltipProvider>
+
+          {isCollectionRecord(item) &&
+            item.collection_id !== NO_COLLECTION_ID &&
+            (() => {
+              const value = collectionValues[item.collection_id];
+              if (!value) return null;
+
+              if (value.floorXch === null) {
+                return (
+                  <p className='text-xs text-muted-foreground truncate'>
+                    <Trans>No listings</Trans>
+                  </p>
+                );
+              }
+
+              return (
+                <p className='text-xs text-muted-foreground truncate'>
+                  <Trans>
+                    Floor{' '}
+                    <NumberFormat
+                      value={value.floorXch}
+                      maximumFractionDigits={3}
+                    />{' '}
+                    XCH · ~
+                    <NumberFormat
+                      value={value.valueXch * getPriceInUsd(null)}
+                      style='currency'
+                      currency='USD'
+                      maximumFractionDigits={2}
+                    />
+                  </Trans>
+                </p>
+              );
+            })()}
         </span>
 
         <DropdownMenu>