This hook manages the visibility and target items for various dialogs:
Each dialog has:
const {
createFolderOpen,
openCreateFolder,
closeCreateFolder,
deleteDialogOpen,
deleteTarget,
openDelete,
closeDelete,
} = useFileDialogs();
// In toolbar
<IconButton onClick={openCreateFolder}>
<CreateNewFolderIcon />
</IconButton>
<IconButton onClick={() => openDelete(getDeleteItems(selectedFiles, selectedItem))}>
<DeleteIcon />
</IconButton>
// Dialogs
<CreateFolderDialog
open={createFolderOpen}
onClose={closeCreateFolder}
onCreate={handleCreateFolder}
/>
<DeleteConfirmDialog
open={deleteDialogOpen}
onClose={closeDelete}
items={deleteTarget}
onConfirm={handleDelete}
/>
Hook for managing dialog open/close state.