mirror of
https://github.com/langgenius/dify.git
synced 2026-05-13 08:57:28 +08:00
24 lines
596 B
TypeScript
24 lines
596 B
TypeScript
'use client'
|
|
import * as React from 'react'
|
|
import Sidebar from '@/app/components/explore/sidebar'
|
|
import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
|
|
|
|
const Explore = ({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) => {
|
|
const media = useBreakpoints()
|
|
const isMobile = media === MediaType.mobile
|
|
|
|
return (
|
|
<div className="flex h-full overflow-hidden border-t border-divider-regular bg-background-body">
|
|
{isMobile && <Sidebar />}
|
|
<div className="h-full min-h-0 w-0 grow">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(Explore)
|