dify/web/app/components/explore/index.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

18 lines
575 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)