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

refactor: simplify joyride attributes and enhance skeleton loading styles

Browse source 
- Removed the joyride attribute for the "Documents" section in the sidebar.
- Updated skeleton loading components in MorePagesContent to include a muted background for improved visibility.
This commit is contained in:
Anish Sarkar 2026-03-17 02:52:21 +05:30
parent ed3443bc9e
commit 54e6a4a2cf
2 changed files with 14 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
surfsense_web/components/layout/ui/sidebar/NavSection.tsx
View file

@ -73,12 +73,10 @@ export function NavSection({ items, onItemClick, isCollapsed = false }: NavSecti
const Icon = item.icon;
const indicator = item.statusIndicator;
const joyrideAttr =
item.title === "Documents" || item.title.toLowerCase().includes("documents")
? { "data-joyride": "documents-sidebar" }
: item.title === "Inbox" || item.title.toLowerCase().includes("inbox")
? { "data-joyride": "inbox-sidebar" }
: {};
const joyrideAttr =
item.title === "Inbox" || item.title.toLowerCase().includes("inbox")
? { "data-joyride": "inbox-sidebar" }
: {};
if (isCollapsed) {
return (

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

@ -85,16 +85,16 @@ export function MorePagesContent() {
</div>
{isLoading ? (
<Card>
<CardContent className="flex items-center gap-3 p-3">
<Skeleton className="h-9 w-9 rounded-full" />
<div className="flex-1 space-y-2">
<Skeleton className="h-4 w-3/4" />
<Skeleton className="h-3 w-1/4" />
</div>
<Skeleton className="h-8 w-16" />
</CardContent>
</Card>
<Card>
<CardContent className="flex items-center gap-3 p-3">
<Skeleton className="h-9 w-9 rounded-full bg-muted" />
<div className="flex-1 space-y-2">
<Skeleton className="h-4 w-3/4 bg-muted" />
<Skeleton className="h-3 w-1/4 bg-muted" />
</div>
<Skeleton className="h-8 w-16 bg-muted" />
</CardContent>
</Card>
) : (
<div className="space-y-2">
{data?.tasks.map((task) => (