Merge pull request #98 from P4-Games/feature/nft-show-id

merge feature/nft-show-id into develop
P4-Games · Sep 25, 2024 · ad9e8a8 · ad9e8a8
2 parents 77130ad + fc8210f
commit ad9e8a8
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/sections/nfts/nft-item.tsx b/src/sections/nfts/nft-item.tsx
@@ -50,6 +50,24 @@ export default function NftItem({ nft }: Props) {
     window.open(linkShare, '_blank')
   }
 
+  const renderNftId = (
+    <Box
+      sx={{
+        position: 'absolute',
+        top: 30,
+        left: 25,
+        backgroundColor: 'rgba(0, 0, 0, 0.6)',
+        padding: '2px 6px',
+        borderRadius: '4px',
+        color: 'white',
+        fontSize: '10px',
+        zIndex: 1
+      }}
+    >
+      {`#${nftId}`}
+    </Box>
+  )
+
   return (
     <>
       <Card>
@@ -68,6 +86,7 @@ export default function NftItem({ nft }: Props) {
               alignItems: 'center'
             }}
           >
+            {renderNftId}
             <Link
               href={linkMarketplace}
               target='_blank'