61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
'use client'
|
|
|
|
import { Header, Footer } from '@ciphera-net/ui'
|
|
import { useAuth } from '@/lib/auth/context'
|
|
import Link from 'next/link'
|
|
import { useEffect, useState } from 'react'
|
|
import { getUserOrganizations, switchContext } from '@/lib/api/organization'
|
|
import { setSessionAction } from '@/app/actions/auth'
|
|
import { useRouter } from 'next/navigation'
|
|
|
|
export default function LayoutContent({ children }: { children: React.ReactNode }) {
|
|
const auth = useAuth()
|
|
const router = useRouter()
|
|
const [orgs, setOrgs] = useState<any[]>([])
|
|
|
|
// * Fetch organizations for the header workspace switcher
|
|
useEffect(() => {
|
|
if (auth.user) {
|
|
getUserOrganizations()
|
|
.then((organizations) => setOrgs(organizations))
|
|
.catch(err => console.error('Failed to fetch orgs for header', err))
|
|
}
|
|
}, [auth.user])
|
|
|
|
const handleSwitchWorkspace = async (orgId: string) => {
|
|
try {
|
|
const { access_token } = await switchContext(orgId)
|
|
await setSessionAction(access_token)
|
|
window.location.reload()
|
|
} catch (err) {
|
|
console.error('Failed to switch workspace', err)
|
|
}
|
|
}
|
|
|
|
const handleCreateOrganization = () => {
|
|
router.push('/onboarding')
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Header
|
|
auth={auth}
|
|
LinkComponent={Link}
|
|
logoSrc="/pulse_icon_no_margins.png"
|
|
appName="Pulse"
|
|
orgs={orgs}
|
|
activeOrgId={auth.user?.org_id}
|
|
onSwitchWorkspace={handleSwitchWorkspace}
|
|
onCreateOrganization={handleCreateOrganization}
|
|
/>
|
|
<main className="flex-1 pt-24 pb-8">
|
|
{children}
|
|
</main>
|
|
<Footer
|
|
LinkComponent={Link}
|
|
appName="Pulse"
|
|
/>
|
|
</>
|
|
)
|
|
}
|