79 lines
2.5 KiB
TypeScript
79 lines
2.5 KiB
TypeScript
import { useState } from 'react'
|
|
import Footer from '~/components/Footer'
|
|
import ChatButton from '~/components/chat/ChatButton'
|
|
import ChatModal from '~/components/chat/ChatModal'
|
|
import useServiceInstalledStatus from '~/hooks/useServiceInstalledStatus'
|
|
import { SERVICE_NAMES } from '../../constants/service_names'
|
|
import { Link, router } from '@inertiajs/react'
|
|
import { IconArrowLeft } from '@tabler/icons-react'
|
|
import classNames from 'classnames'
|
|
|
|
export default function AppLayout({
|
|
children,
|
|
compact = false,
|
|
}: {
|
|
children: React.ReactNode
|
|
/**
|
|
* Compact header for focused tool pages (e.g. Drug Reference): a small inline
|
|
* logo + title instead of the full-height branding block, so the tool's own
|
|
* controls sit near the top of the viewport instead of ~230px down.
|
|
*/
|
|
compact?: boolean
|
|
}) {
|
|
const [isChatOpen, setIsChatOpen] = useState(false)
|
|
const aiAssistantInstalled = useServiceInstalledStatus(SERVICE_NAMES.OLLAMA)
|
|
|
|
return (
|
|
<div className="min-h-screen flex flex-col">
|
|
{
|
|
window.location.pathname !== '/home' && (
|
|
<Link
|
|
href="/home"
|
|
className={classNames(
|
|
'absolute left-4 flex items-center',
|
|
compact ? 'top-4' : 'top-60 md:top-48'
|
|
)}
|
|
>
|
|
<IconArrowLeft className="mr-2" size={24} />
|
|
<p className="text-lg text-text-secondary">Back to Home</p>
|
|
</Link>
|
|
)}
|
|
<div
|
|
className={classNames(
|
|
'flex cursor-pointer items-center justify-center',
|
|
compact ? 'gap-3 p-3 flex-row' : 'gap-2 p-2 flex-col'
|
|
)}
|
|
onClick={() => router.visit('/home')}
|
|
>
|
|
<img
|
|
src="/project_nomad_logo.webp"
|
|
alt="Project NOMAD Logo"
|
|
className={compact ? 'h-12 w-12' : 'h-40 w-40'}
|
|
/>
|
|
<h1
|
|
className={classNames(
|
|
'font-bold text-desert-green',
|
|
compact ? 'text-2xl' : 'text-5xl'
|
|
)}
|
|
>
|
|
Command Center
|
|
</h1>
|
|
</div>
|
|
<hr className={
|
|
classNames(
|
|
"text-desert-green font-semibold h-[1.5px] bg-desert-green border-none",
|
|
!compact && window.location.pathname !== '/home' ? "mt-12 md:mt-0" : "mt-0"
|
|
)} />
|
|
<div className="flex-1 w-full bg-desert">{children}</div>
|
|
<Footer />
|
|
|
|
{aiAssistantInstalled && (
|
|
<>
|
|
<ChatButton onClick={() => setIsChatOpen(true)} />
|
|
<ChatModal open={isChatOpen} onClose={() => setIsChatOpen(false)} />
|
|
</>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|