From ded086f64061f9db50e828eb5c36c749ef23d4bb Mon Sep 17 00:00:00 2001
From: ionition <vlad.ionita25.04@gmail.com>
Date: Mon, 28 Jul 2025 19:06:51 +0300
Subject: [PATCH] displayed empty gas NFT message

---
 app/src/app/marketplace/gas/collection/page.tsx | 2 +-
 app/src/components/NftCards/NftCards.tsx        | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/src/app/marketplace/gas/collection/page.tsx b/app/src/app/marketplace/gas/collection/page.tsx
index 9c93887..68b320a 100644
--- a/app/src/app/marketplace/gas/collection/page.tsx
+++ b/app/src/app/marketplace/gas/collection/page.tsx
@@ -10,7 +10,7 @@ export const metadata: Metadata = {
 export default async function GasCollectionPage() {
   return (
     <Inset pageTitle={metadata.title as string}>
-      <div className="flex h-full items-center flex-col p-8">
+      <div className="flex h-full items-center flex-col p-8 relative">
         <Content />
       </div>
     </Inset>
diff --git a/app/src/components/NftCards/NftCards.tsx b/app/src/components/NftCards/NftCards.tsx
index 89c2751..5738417 100644
--- a/app/src/components/NftCards/NftCards.tsx
+++ b/app/src/components/NftCards/NftCards.tsx
@@ -94,7 +94,7 @@ export function NftCards({ id }: { id: string }) {
         ))}
       </div>
 
-      {nft.length > 0 && (
+      {nft.length > 0 ? (
         <div className="mt-6">
           <Pagination
             page={page}
@@ -103,6 +103,10 @@ export function NftCards({ id }: { id: string }) {
             loading={pageLoading}
           />
         </div>
+      ) : (
+        <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex">
+          <p>No Gas found for the selected collection.</p>
+        </div>
       )}
     </div>
   );