Skip to content

Commit 2d0b30d

Browse files
tpSpacetpSpace
authored
Merge pull request #12 from TaskOpenSystem/landing
remove footer
2 parents ab612d9 + 8a9913a commit 2d0b30d

2 files changed

Lines changed: 29 additions & 51 deletions

File tree

‎app/marketplace/my-data/page.tsx‎

Lines changed: 24 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ export default function MyDataPage() {
9696
const createFlow = useCallback(async (data: Uint8Array, identifier: string) => {
9797
const walrus = await getWalrus();
9898
const { WalrusFile } = await import('@mysten/walrus');
99-
99+
100100
const client = new SuiJsonRpcClient({
101101
url: getFullnodeUrl('testnet'),
102102
network: 'testnet',
@@ -299,7 +299,7 @@ export default function MyDataPage() {
299299
const effects = result.effects as { created?: Array<{ reference: { objectId: string } }> } | undefined;
300300
const newListingId = effects?.created?.[0]?.reference?.objectId || result.digest;
301301
console.log('New listing ID:', newListingId);
302-
302+
303303
addLog('listing', 'success', 'Listing created!', `ID: ${newListingId.slice(0, 16)}...`);
304304
setListingId(newListingId);
305305

@@ -359,7 +359,7 @@ export default function MyDataPage() {
359359
</div>
360360
<h1 className="text-4xl font-black text-ink uppercase tracking-tight">My Data Dashboard</h1>
361361
</div>
362-
362+
363363
<div className="relative group">
364364
<div className="absolute -inset-1 rounded-xl bg-ink opacity-100 translate-x-1 translate-y-1 blur-0"></div>
365365
<div className="relative flex items-center gap-6 rounded-xl border-2 border-ink bg-white p-4 pr-8 shadow-sm">
@@ -383,23 +383,21 @@ export default function MyDataPage() {
383383

384384
<div className="px-8 mt-6">
385385
<div className="flex gap-4 border-b-2 border-gray-200">
386-
<button
386+
<button
387387
onClick={() => setActiveTab('uploads')}
388-
className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${
389-
activeTab === 'uploads'
390-
? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]'
391-
: 'border-transparent hover:bg-gray-100 text-gray-500'
392-
}`}
388+
className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${activeTab === 'uploads'
389+
? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]'
390+
: 'border-transparent hover:bg-gray-100 text-gray-500'
391+
}`}
393392
>
394393
My Uploads
395394
</button>
396-
<button
395+
<button
397396
onClick={() => setActiveTab('purchases')}
398-
className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${
399-
activeTab === 'purchases'
400-
? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]'
401-
: 'border-transparent hover:bg-gray-100 text-gray-500'
402-
}`}
397+
className={`px-6 py-3 rounded-t-xl border-2 font-bold text-lg transition-colors relative top-[2px] z-10 ${activeTab === 'purchases'
398+
? 'border-ink border-b-0 bg-white text-ink shadow-[0_-2px_0_0_rgba(0,0,0,0.05)]'
399+
: 'border-transparent hover:bg-gray-100 text-gray-500'
400+
}`}
403401
>
404402
My Purchases
405403
</button>
@@ -417,9 +415,9 @@ export default function MyDataPage() {
417415
View Analytics <span className="material-symbols-outlined text-sm">arrow_outward</span>
418416
</button>
419417
</div>
420-
418+
421419
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
422-
<article
420+
<article
423421
onClick={() => setIsCreateModalOpen(true)}
424422
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"
425423
>
@@ -572,7 +570,7 @@ export default function MyDataPage() {
572570
Recent Purchases <span className="text-gray-400 text-base font-normal ml-1">(0 items)</span>
573571
</h2>
574572
</div>
575-
573+
576574
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
577575
<article className="flex flex-col rounded-xl border-2 border-ink bg-white p-4 shadow-hard-sm opacity-60">
578576
<div className="flex items-start justify-between mb-4">
@@ -583,7 +581,7 @@ export default function MyDataPage() {
583581
</div>
584582
<h3 className="text-lg font-bold text-gray-400 mb-1">No purchases yet</h3>
585583
<p className="text-sm text-gray-400 mb-4">Start exploring the marketplace to find datasets.</p>
586-
<Link
584+
<Link
587585
href="/marketplace"
588586
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"
589587
>
@@ -595,15 +593,6 @@ export default function MyDataPage() {
595593
)}
596594
</div>
597595

598-
<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]">
599-
<p className="text-sm font-bold">Powered by Sui Network</p>
600-
<div className="flex gap-4">
601-
<span className="material-symbols-outlined">dataset</span>
602-
<span className="material-symbols-outlined">security</span>
603-
<span className="material-symbols-outlined">hub</span>
604-
</div>
605-
</footer>
606-
607596
{isCreateModalOpen && (
608597
<div className="fixed inset-0 z-50 flex items-center justify-center bg-ink/50 backdrop-blur-sm p-4">
609598
<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">
@@ -637,7 +626,7 @@ export default function MyDataPage() {
637626
const isCompleted = index < stepIndex;
638627
const isCurrent = step.key === currentStep;
639628
const isPending = index > stepIndex;
640-
629+
641630
return (
642631
<React.Fragment key={step.key}>
643632
<div className="flex flex-col items-center">
@@ -660,9 +649,8 @@ export default function MyDataPage() {
660649
</span>
661650
</div>
662651
{index < STEPS.length - 1 && (
663-
<div className={`flex-1 h-1 mx-2 rounded ${
664-
isCompleted ? 'bg-green-500' : 'bg-gray-200'
665-
}`} />
652+
<div className={`flex-1 h-1 mx-2 rounded ${isCompleted ? 'bg-green-500' : 'bg-gray-200'
653+
}`} />
666654
)}
667655
</React.Fragment>
668656
);
@@ -817,7 +805,7 @@ export default function MyDataPage() {
817805
<div className="space-y-6">
818806
<div className="bg-gray-50 border-2 border-ink rounded-xl p-6">
819807
<h3 className="font-bold uppercase text-lg mb-4 text-ink">Dataset Summary</h3>
820-
808+
821809
<div className="grid grid-cols-2 gap-4 mb-4">
822810
<div>
823811
<p className="text-sm text-gray-500">Name</p>
@@ -880,7 +868,7 @@ export default function MyDataPage() {
880868
) : (
881869
<div className="space-y-3">
882870
{logs.map((log, index) => (
883-
<div
871+
<div
884872
key={index}
885873
className={`
886874
rounded-lg p-3 border-2 text-sm
@@ -940,14 +928,14 @@ export default function MyDataPage() {
940928
Listing Created!
941929
</h2>
942930
<p className="text-gray-600 mb-4">Your dataset is now on the marketplace</p>
943-
931+
944932
{listingId && (
945933
<div className="w-full bg-gray-50 rounded-lg p-3 mb-6 border border-gray-200">
946934
<p className="text-xs font-bold text-gray-500 uppercase mb-1">Listing ID</p>
947935
<p className="font-mono text-xs text-ink break-all">{listingId}</p>
948936
</div>
949937
)}
950-
938+
951939
<div className="flex gap-3 w-full">
952940
<button
953941
onClick={() => {

‎app/marketplace/page.tsx‎

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ export default function MarketplacePage() {
100100
</div>
101101
<h1 className="text-4xl font-black text-ink uppercase tracking-tight">Dataset Marketplace</h1>
102102
<p className="text-gray-500 mt-1">Discover and purchase high-quality datasets</p>
103-
103+
104104
{/* Debug info */}
105105
<div className="mt-2 flex items-center gap-2 text-xs">
106106
<span className={isLoading ? 'text-blue-600' : 'text-green-600'}>
@@ -109,13 +109,13 @@ export default function MarketplacePage() {
109109
{error && (
110110
<span className="text-red-600">Error: {error.message}</span>
111111
)}
112-
<button
112+
<button
113113
onClick={() => refetch()}
114114
className="text-primary hover:underline"
115115
>
116116
↻ Refresh
117117
</button>
118-
<button
118+
<button
119119
onClick={debugListings}
120120
className="text-gray-400 hover:text-gray-600"
121121
>
@@ -178,9 +178,8 @@ export default function MarketplacePage() {
178178
<article
179179
key={listing.id}
180180
onClick={() => handleViewListing(listing)}
181-
className={`flex flex-col rounded-xl border-2 border-ink bg-white p-4 shadow-hard-sm hover:shadow-hard transition-all cursor-pointer ${
182-
isOwner(listing) ? 'ring-2 ring-primary ring-offset-2' : ''
183-
}`}
181+
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' : ''
182+
}`}
184183
>
185184
<div className="flex items-start justify-between mb-4">
186185
<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() {
363362
</div>
364363
</div>
365364
)}
366-
367-
<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]">
368-
<p className="text-sm font-bold">Powered by Sui Network</p>
369-
<div className="flex gap-4">
370-
<span className="material-symbols-outlined">dataset</span>
371-
<span className="material-symbols-outlined">security</span>
372-
<span className="material-symbols-outlined">hub</span>
373-
</div>
374-
</footer>
375365
</>
376366
);
377367
}

0 commit comments

Comments
 (0)