# CategoryTreeSidebar

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Categories/CategoryTreeSidebar.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Categories/CategoryTreeSidebar.tsx#L145)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `projectId` | `string` | ✓ | - |
| `selectedCategoryId` | `string | null` | - | - |
| `onSelectCategory` | `Function` | ✓ | - |
| `onCreateCategory` | `Function` | - | - |
| `onEditCategory` | `Function` | - | - |
| `onDeleteCategory` | `Function` | - | - |
| `editMode` | `boolean` | - | false |
| `onReorderCategories` | `Function` | - | - |

## Diagram

```mermaid
graph TD
    component_CategoryTreeSidebar_40c8abcf["CategoryTreeSidebar"]
    class component_CategoryTreeSidebar_40c8abcf rootComponent
```

## Relationships

- RENDERS → `ErrorState`
- RENDERS → `MagnifyingGlassIcon`
- RENDERS → `XMarkIcon`
- RENDERS → `DocumentTextIcon`
- RENDERS → `DndContext`
- RENDERS → `SortableContext`
- RENDERS → `CategoryNode`
- RENDERS → `PlusIcon`
- USES_HOOK → `useSession`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useState`
- USES_HOOK → `useSensors`
- USES_HOOK → `useSensor`
- USES_HOOK → `useCallback`
- USES_HOOK → `useMemo`
- USES_HOOK → `useEffect`