angel
eb56096992
- Deleted all offline-related component files: - EnhancedOfflineManager.tsx - OfflineIndicator.tsx - OfflineLibrarySync.tsx - OfflineManagement.tsx - OfflineNavidromeContext.tsx - OfflineNavidromeProvider.tsx - OfflineStatusIndicator.tsx - Deleted all offline-related hooks: - use-offline-audio-player.ts - use-offline-downloads.ts - use-offline-library-sync.ts - use-offline-library.ts - Updated components to remove offline functionality: - RootLayoutClient: Removed OfflineNavidromeProvider, using only NavidromeProvider - SongRecommendations: Removed offline data fetching logic - album-artwork: Removed OfflineIndicator usage - WhatsNewPopup: Updated changelog to reflect offline removal - Updated pages: - album/[id]/page: Removed all OfflineIndicator components from album and song displays - page.tsx: Removed OfflineStatusIndicator and offline empty state message - settings/page: Removed EnhancedOfflineManager and OfflineManagement sections - Simplified use-progressive-album-loading hook to only use online API - Fixed resizable component imports for react-resizable-panels 4.5.1 API changes
57 lines
1.9 KiB
TypeScript
57 lines
1.9 KiB
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import { GripVerticalIcon } from "lucide-react"
|
|
import { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from "react-resizable-panels"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
function ResizablePanelGroup({
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof PanelGroup>) {
|
|
return (
|
|
<PanelGroup
|
|
data-slot="resizable-panel-group"
|
|
className={cn(
|
|
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
function ResizablePanel({
|
|
...props
|
|
}: React.ComponentProps<typeof Panel>) {
|
|
return <Panel data-slot="resizable-panel" {...props} />
|
|
}
|
|
|
|
function ResizableHandle({
|
|
withHandle,
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof PanelResizeHandle> & {
|
|
withHandle?: boolean
|
|
}) {
|
|
return (
|
|
<PanelResizeHandle
|
|
data-slot="resizable-handle"
|
|
className={cn(
|
|
"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden 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-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
{withHandle && (
|
|
<div className="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border">
|
|
<GripVerticalIcon className="size-2.5" />
|
|
</div>
|
|
)}
|
|
</PanelResizeHandle>
|
|
)
|
|
}
|
|
|
|
export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
|