Function useFileNavigation

useFileNavigation(options?: UseFileNavigationOptions): UseFileNavigationResult

Hook for managing folder navigation state.

Parameters

options: UseFileNavigationOptions = {}

Returns UseFileNavigationResult

Remarks

This hook manages the current folder path and provides navigation helpers. It generates breadcrumb segments from the current path and provides navigation functions for common operations.

Example

const {
  currentPath,
  breadcrumbs,
  canNavigateUp,
  navigateToFolder,
  navigateUp,
  navigateToRoot,
} = useFileNavigation({
  initialPath: '/',
  onPathChange: (path) => loadFolderContents(path),
});

// Render breadcrumbs
<Breadcrumbs>
  {breadcrumbs.map((crumb) => (
    <Link
      key={crumb.path}
      onClick={() => navigateToFolder(crumb.path)}
    >
      {crumb.name}
    </Link>
  ))}
</Breadcrumbs>

// Navigate on folder double-click
onDoubleClick={() => navigateToFolder(folder.path)}

// Back button
<IconButton onClick={navigateUp} disabled={!canNavigateUp}>
  <ArrowBackIcon />
</IconButton>