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

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 Icon = item.icon;
const indicator = item.statusIndicator; const indicator = item.statusIndicator;
const joyrideAttr = const joyrideAttr =
item.title === "Documents" || item.title.toLowerCase().includes("documents") item.title === "Inbox" || item.title.toLowerCase().includes("inbox")
? { "data-joyride": "documents-sidebar" } ? { "data-joyride": "inbox-sidebar" }
: item.title === "Inbox" || item.title.toLowerCase().includes("inbox") : {};
? { "data-joyride": "inbox-sidebar" }
: {};
if (isCollapsed) { if (isCollapsed) {
return ( return (

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

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