diff --git a/components/dashboard/DashboardNav.tsx b/components/dashboard/DashboardNav.tsx index e29394fa..a3b7d8b6 100644 --- a/components/dashboard/DashboardNav.tsx +++ b/components/dashboard/DashboardNav.tsx @@ -1,6 +1,6 @@ 'use client' -import { useState, useCallback } from 'react' +import { useState, useCallback, useEffect } from 'react' import Link from 'next/link' import { usePathname, useRouter } from 'next/navigation' import { createClient } from '@/lib/supabase/client' @@ -74,7 +74,13 @@ export default function DashboardNav({ companyName, entityType, enabledExtension const isOnOvrigtPage = ['/import', '/help', '/settings'].some(p => pathname.startsWith(p)) const [manualOvrigtExpanded, setManualOvrigtExpanded] = useState(false) const isOvrigtExpanded = isOnOvrigtPage || manualOvrigtExpanded - const [isTillaggExpanded, setIsTillaggExpanded] = useState(false) + // Auto-expand Tillägg when on an extension page, or when manually toggled (persisted) + const isOnExtensionPage = pathname.startsWith('/e/') + const [manualTillaggExpanded, setManualTillaggExpanded] = useState(() => { + if (typeof window === 'undefined') return false + return localStorage.getItem('tillagg-expanded') === 'true' + }) + const isTillaggExpanded = isOnExtensionPage || manualTillaggExpanded const [liveExtensions, setLiveExtensions] = useState(enabledExtensions ?? []) const fetchExtensions = useCallback(async () => { @@ -89,9 +95,16 @@ export default function DashboardNav({ companyName, entityType, enabledExtension } }, []) + // Fetch extensions on mount if Tillägg starts expanded + useEffect(() => { + if (isTillaggExpanded) fetchExtensions() + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []) + const toggleTillagg = () => { const next = !isTillaggExpanded - setIsTillaggExpanded(next) + setManualTillaggExpanded(next) + localStorage.setItem('tillagg-expanded', String(next)) if (next) fetchExtensions() } diff --git a/components/extensions/SectorCard.tsx b/components/extensions/SectorCard.tsx index 9394ee75..77a4d4c8 100644 --- a/components/extensions/SectorCard.tsx +++ b/components/extensions/SectorCard.tsx @@ -7,8 +7,8 @@ export default function SectorCard({ sector }: { sector: Sector }) { const Icon = resolveIcon(sector.icon) return ( - - + +
@@ -18,7 +18,7 @@ export default function SectorCard({ sector }: { sector: Sector }) {

{sector.name}

-

{sector.description}

+

{sector.description}

{sector.extensions.length} tillägg

diff --git a/lib/extensions/sectors.ts b/lib/extensions/sectors.ts index 38bd5da4..60b457fb 100644 --- a/lib/extensions/sectors.ts +++ b/lib/extensions/sectors.ts @@ -328,7 +328,7 @@ export const SECTORS: Sector[] = [ slug: 'export', name: 'Export & Utrikeshandel', icon: 'Ship', - description: 'Verktyg för svenska företag som exporterar varor till EU och övriga världen', + description: 'Branschverktyg för export och utrikeshandel', extensions: [ { slug: 'eu-sales-list',