apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-25 19:15:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: implement tab navigation in BuyMorePage and enhance button styles in BuyPagesContent and BuyTokensContent

Browse source
This commit is contained in:
Anish Sarkar 2026-05-17 23:29:41 +05:30
parent 88a43cdd65
commit 10527ddb7c
6 changed files with 114 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

20
surfsense_web/components/settings/more-pages-content.tsx
View file

@ -76,15 +76,17 @@ export function MorePagesContent() {
<div className="space-y-2">
<h3 className="text-sm font-semibold">Earn Bonus Pages</h3>
{isLoading ? (
<Card>
<CardContent className="flex items-center gap-3 p-3">
<Skeleton className="h-8 w-8 rounded-full" />
<div className="flex-1 space-y-2">
<Skeleton className="h-4 w-3/4" />
</div>
<Skeleton className="h-8 w-16" />
</CardContent>
</Card>
<div className="space-y-1.5">
{["github", "reddit", "discord"].map((task) => (
<Card key={task} className="bg-transparent">
<CardContent className="flex items-center gap-3 p-3">
<Skeleton className="h-8 w-8 rounded-full bg-muted" />
<Skeleton className="h-4 flex-1 bg-muted" />
<Skeleton className="h-8 w-16 bg-muted" />
</CardContent>
</Card>
))}
</div>
) : (
<div className="space-y-1.5">
{data?.tasks.map((task) => (