25 lines
1.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
import { Outlet, useLocation } from "react-router-dom"
|
|
import { SessionExpiryDialog } from "@/features/auth/components/SessionExpiryDialog"
|
|
import { useSlidingRefresh } from "@/features/auth/hooks/useSlidingRefresh"
|
|
import { PATHS } from "@/config/routes"
|
|
import { PasteTargetBadge } from "./PasteTargetBadge"
|
|
|
|
/** 스니펫·챗봇(snap)을 감싸는 공통 래퍼 — 팔레트 화면들의 공용 UI/기능을 여기 한 곳에 둔다.
|
|
* 각 화면은 <Outlet/> 으로 들어오고, 공통 요소(붙여넣기 대상 배지 등)는 여기서 한 번만 그린다.
|
|
* 화면이 생기거나 없어져도 공통 부분은 그대로. (snap 전용 헤더·Ctrl+N 은 안쪽 SnapLayout 몫 — 여긴 진짜 공통만.)
|
|
* h-screen: 안쪽 SnippetPalettePage 의 h-full 체인이 기댈 명시적 높이. */
|
|
export function PaletteShell() {
|
|
const { pathname } = useLocation()
|
|
useSlidingRefresh()
|
|
|
|
return (
|
|
<>
|
|
<div className="h-screen">
|
|
<Outlet />
|
|
{pathname !== PATHS.SNIPPET && <PasteTargetBadge />}
|
|
</div>
|
|
<SessionExpiryDialog />
|
|
</>
|
|
)
|
|
}
|