8b44613015
* chore(ui)/update-experience-model-dropdown * chore: remove unused container engine avatar * chore: remove unused import * chore: name list click able and change icon plus if apikey not yet setup
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { PropsWithChildren } from 'react'
|
|
|
|
import { useAtomValue } from 'jotai'
|
|
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
import { mainViewStateAtom, MainViewState } from '@/helpers/atoms/App.atom'
|
|
import { downloadedModelsAtom } from '@/helpers/atoms/Model.atom'
|
|
import { reduceTransparentAtom } from '@/helpers/atoms/Setting.atom'
|
|
|
|
const CenterPanelContainer = ({ children }: PropsWithChildren) => {
|
|
const reduceTransparent = useAtomValue(reduceTransparentAtom)
|
|
const mainViewState = useAtomValue(mainViewStateAtom)
|
|
const downloadedModels = useAtomValue(downloadedModelsAtom)
|
|
|
|
return (
|
|
<div
|
|
className={twMerge(
|
|
'flex h-full w-full',
|
|
mainViewState === MainViewState.Hub && 'pl-0',
|
|
!downloadedModels.length &&
|
|
mainViewState === MainViewState.Thread &&
|
|
'pl-0'
|
|
)}
|
|
>
|
|
<div
|
|
className={twMerge(
|
|
'h-full w-full overflow-hidden bg-[hsla(var(--center-panel-bg))]',
|
|
!reduceTransparent &&
|
|
'rounded-lg border border-[hsla(var(--app-border))]'
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CenterPanelContainer
|