From 8a9913a58b2981e08ff399a1a7e86f7f9a32c8c7 Mon Sep 17 00:00:00 2001
From: tpSpace <ITCSIU21081@student.hcmiu.edu.vn>
Date: Sat, 17 Jan 2026 23:24:10 +0700
Subject: [PATCH] remove footer

---
 app/marketplace/my-data/page.tsx | 60 +++++++++++++-------------------
 app/marketplace/page.tsx         | 20 +++--------
 2 files changed, 29 insertions(+), 51 deletions(-)

diff --git a/app/marketplace/my-data/page.tsx b/app/marketplace/my-data/page.tsx
index e946f40..378a21a 100644
--- a/app/marketplace/my-data/page.tsx
+++ b/app/marketplace/my-data/page.tsx
@@ -87,7 +87,7 @@ export default function MyDataPage() {
   const createFlow = useCallback(async (data: Uint8Array, identifier: string) => {
     const walrus = await getWalrus();
     const { WalrusFile } = await import('@mysten/walrus');
-    
+
     const client = new SuiJsonRpcClient({
       url: getFullnodeUrl('testnet'),
       network: 'testnet',
@@ -290,7 +290,7 @@ export default function MyDataPage() {
             const effects = result.effects as { created?: Array<{ reference: { objectId: string } }> } | undefined;
             const newListingId = effects?.created?.[0]?.reference?.objectId || result.digest;
             console.log('New listing ID:', newListingId);
-            
+
             addLog('listing', 'success', 'Listing created!', `ID: ${newListingId.slice(0, 16)}...`);
             setListingId(newListingId);
 
@@ -350,7 +350,7 @@ export default function MyDataPage() {
             </div>
             <h1 className="text-4xl font-black text-ink uppercase tracking-tight">My Data Dashboard</h1>
           </div>
-          
+
           <div className="relative group">
             <div className="absolute -inset-1 rounded-xl bg-ink opacity-100 translate-x-1 translate-y-1 blur-0"></div>
             <div className="relative flex items-center gap-6 rounded-xl border-2 border-ink bg-white p-4 pr-8 shadow-sm">
@@ -374,23 +374,21 @@ export default function MyDataPage() {
 
       <div className="px-8 mt-6">
         <div className="flex gap-4 border-b-2 border-gray-200">
-          <button 
+          <button
             onClick={() => setActiveTab('uploads')}
-            className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${
-              activeTab === 'uploads' 
-                ? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]' 
-                : 'border-transparent hover:bg-gray-100 text-gray-500'
-            }`}
+            className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${activeTab === 'uploads'
+              ? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]'
+              : 'border-transparent hover:bg-gray-100 text-gray-500'
+              }`}
           >
             My Uploads
           </button>
-          <button 
+          <button
             onClick={() => setActiveTab('purchases')}
-            className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${
-              activeTab === 'purchases' 
-                ? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]' 
-                : 'border-transparent hover:bg-gray-100 text-gray-500'
-            }`}
+            className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${activeTab === 'purchases'
+              ? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]'
+              : 'border-transparent hover:bg-gray-100 text-gray-500'
+              }`}
           >
             My Purchases
           </button>
@@ -408,9 +406,9 @@ export default function MyDataPage() {
                 View Analytics <span className="material-symbols-outlined text-sm">arrow_outward</span>
               </button>
             </div>
-            
+
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-              <article 
+              <article
                 onClick={() => setIsCreateModalOpen(true)}
                 className="flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-ink bg-gray-50 p-6 min-h-[340px] hover:bg-blue-50 hover:border-primary transition-all duration-200 cursor-pointer group"
               >
@@ -463,7 +461,7 @@ export default function MyDataPage() {
                 Recent Purchases <span className="text-gray-400 text-base font-normal ml-1">(0 items)</span>
               </h2>
             </div>
-            
+
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
               <article className="flex flex-col rounded-xl border-2 border-ink bg-white p-4 shadow-hard-sm opacity-60">
                 <div className="flex items-start justify-between mb-4">
@@ -474,7 +472,7 @@ export default function MyDataPage() {
                 </div>
                 <h3 className="text-lg font-bold text-gray-400 mb-1">No purchases yet</h3>
                 <p className="text-sm text-gray-400 mb-4">Start exploring the marketplace to find datasets.</p>
-                <Link 
+                <Link
                   href="/marketplace"
                   className="mt-auto w-full h-10 rounded-lg border-2 border-ink bg-gray-100 text-gray-500 font-bold transition-colors flex items-center justify-center gap-2"
                 >
@@ -486,15 +484,6 @@ export default function MyDataPage() {
         )}
       </div>
 
-      <footer className="mt-auto border-t-2 border-ink pt-8 flex flex-col items-center gap-4 text-center opacity-60 pb-8 bg-[#f6f7f9]">
-        <p className="text-sm font-bold">Powered by Sui Network</p>
-        <div className="flex gap-4">
-          <span className="material-symbols-outlined">dataset</span>
-          <span className="material-symbols-outlined">security</span>
-          <span className="material-symbols-outlined">hub</span>
-        </div>
-      </footer>
-
       {isCreateModalOpen && (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-ink/50 backdrop-blur-sm p-4">
           <div className="w-full max-w-5xl bg-white rounded-2xl border-2 border-ink shadow-hard-lg max-h-[90vh] overflow-hidden flex flex-col">
@@ -528,7 +517,7 @@ export default function MyDataPage() {
                         const isCompleted = index < stepIndex;
                         const isCurrent = step.key === currentStep;
                         const isPending = index > stepIndex;
-                        
+
                         return (
                           <React.Fragment key={step.key}>
                             <div className="flex flex-col items-center">
@@ -551,9 +540,8 @@ export default function MyDataPage() {
                               </span>
                             </div>
                             {index < STEPS.length - 1 && (
-                              <div className={`flex-1 h-1 mx-2 rounded ${
-                                isCompleted ? 'bg-green-500' : 'bg-gray-200'
-                              }`} />
+                              <div className={`flex-1 h-1 mx-2 rounded ${isCompleted ? 'bg-green-500' : 'bg-gray-200'
+                                }`} />
                             )}
                           </React.Fragment>
                         );
@@ -708,7 +696,7 @@ export default function MyDataPage() {
                     <div className="space-y-6">
                       <div className="bg-gray-50 border-2 border-ink rounded-xl p-6">
                         <h3 className="font-bold uppercase text-lg mb-4 text-ink">Dataset Summary</h3>
-                        
+
                         <div className="grid grid-cols-2 gap-4 mb-4">
                           <div>
                             <p className="text-sm text-gray-500">Name</p>
@@ -771,7 +759,7 @@ export default function MyDataPage() {
                   ) : (
                     <div className="space-y-3">
                       {logs.map((log, index) => (
-                        <div 
+                        <div
                           key={index}
                           className={`
                             rounded-lg p-3 border-2 text-sm
@@ -831,14 +819,14 @@ export default function MyDataPage() {
                 Listing Created!
               </h2>
               <p className="text-gray-600 mb-4">Your dataset is now on the marketplace</p>
-              
+
               {listingId && (
                 <div className="w-full bg-gray-50 rounded-lg p-3 mb-6 border border-gray-200">
                   <p className="text-xs font-bold text-gray-500 uppercase mb-1">Listing ID</p>
                   <p className="font-mono text-xs text-ink break-all">{listingId}</p>
                 </div>
               )}
-              
+
               <div className="flex gap-3 w-full">
                 <button
                   onClick={() => {
diff --git a/app/marketplace/page.tsx b/app/marketplace/page.tsx
index 692cc83..0a721cb 100644
--- a/app/marketplace/page.tsx
+++ b/app/marketplace/page.tsx
@@ -100,7 +100,7 @@ export default function MarketplacePage() {
             </div>
             <h1 className="text-4xl font-black text-ink uppercase tracking-tight">Dataset Marketplace</h1>
             <p className="text-gray-500 mt-1">Discover and purchase high-quality datasets</p>
-            
+
             {/* Debug info */}
             <div className="mt-2 flex items-center gap-2 text-xs">
               <span className={isLoading ? 'text-blue-600' : 'text-green-600'}>
@@ -109,13 +109,13 @@ export default function MarketplacePage() {
               {error && (
                 <span className="text-red-600">Error: {error.message}</span>
               )}
-              <button 
+              <button
                 onClick={() => refetch()}
                 className="text-primary hover:underline"
               >
                 ↻ Refresh
               </button>
-              <button 
+              <button
                 onClick={debugListings}
                 className="text-gray-400 hover:text-gray-600"
               >
@@ -178,9 +178,8 @@ export default function MarketplacePage() {
               <article
                 key={listing.id}
                 onClick={() => handleViewListing(listing)}
-                className={`flex flex-col rounded-xl border-2 border-ink bg-white p-4 shadow-hard-sm hover:shadow-hard transition-all cursor-pointer ${
-                  isOwner(listing) ? 'ring-2 ring-primary ring-offset-2' : ''
-                }`}
+                className={`flex flex-col rounded-xl border-2 border-ink bg-white p-4 shadow-hard-sm hover:shadow-hard transition-all cursor-pointer ${isOwner(listing) ? 'ring-2 ring-primary ring-offset-2' : ''
+                  }`}
               >
                 <div className="flex items-start justify-between mb-4">
                   <div className="h-12 w-12 rounded-lg border-2 border-ink bg-accent-blue flex items-center justify-center">
@@ -363,15 +362,6 @@ export default function MarketplacePage() {
           </div>
         </div>
       )}
-
-      <footer className="mt-auto border-t-2 border-ink pt-8 flex flex-col items-center gap-4 text-center opacity-60 pb-8 bg-[#f6f7f9]">
-        <p className="text-sm font-bold">Powered by Sui Network</p>
-        <div className="flex gap-4">
-          <span className="material-symbols-outlined">dataset</span>
-          <span className="material-symbols-outlined">security</span>
-          <span className="material-symbols-outlined">hub</span>
-        </div>
-      </footer>
     </>
   );
 }