fe01f31538
Some checks failed
Build Frontend / build (push) Failing after 7s
Replaces imports from 'components/ui' with 'components/common' across the app and dashboard pages, and updates model and API imports to use new paths under 'lib'. Removes redundant authentication checks from several dashboard pages. Adds new dashboard components and utility files, and reorganizes hooks and services into the 'lib' directory for improved structure.
46 lines
1.7 KiB
TypeScript
46 lines
1.7 KiB
TypeScript
"use client"
|
|
|
|
import { GripVertical } from "lucide-react"
|
|
import * as ResizablePrimitive from "react-resizable-panels"
|
|
|
|
import { cn } from "@/lib/utils/styles";
|
|
|
|
const ResizablePanelGroup = ({
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
|
|
<ResizablePrimitive.PanelGroup
|
|
className={cn(
|
|
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
|
|
const ResizablePanel = ResizablePrimitive.Panel
|
|
|
|
const ResizableHandle = ({
|
|
withHandle,
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
withHandle?: boolean
|
|
}) => (
|
|
<ResizablePrimitive.PanelResizeHandle
|
|
className={cn(
|
|
"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
{withHandle && (
|
|
<div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
|
|
<GripVertical className="h-2.5 w-2.5" />
|
|
</div>
|
|
)}
|
|
</ResizablePrimitive.PanelResizeHandle>
|
|
)
|
|
|
|
export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
|