# CommentSidebar

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `documentId` | `string` | ✓ | - |
| `isOpen` | `boolean` | ✓ | - |
| `onClose` | `Function` | ✓ | - |
| `enableRealtime` | `boolean` | - | true |
| `projectId` | `string` | - | - |

## Diagram

```mermaid
graph TD
    component_CommentSidebar_cc3c3f7["CommentSidebar"]
    class component_CommentSidebar_cc3c3f7 rootComponent
```

## Relationships

- RENDERS → `MessageCircle`
- RENDERS → `X`
- RENDERS → `FilterPill`
- RENDERS → `CommentSkeletonList`
- RENDERS → `CommentThread`
- RENDERS → `CommentForm`
- USES_HOOK → `useComments`
- USES_HOOK → `useState`
- USES_HOOK → `useRef`
- USES_HOOK → `useMemo`
- USES_HOOK → `useEffect`