# ThreadView

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/desk/components/ThreadView.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/desk/components/ThreadView.tsx#L95)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `thread` | `DeskThreadDetail | null` | ✓ | - |
| `loading` | `boolean` | ✓ | - |
| `composerBody` | `string` | ✓ | - |
| `onComposerBodyChange` | `Function` | ✓ | - |
| `internalMode` | `boolean` | ✓ | - |
| `onToggleInternal` | `Function` | ✓ | - |
| `composerRef` | `unknown` | ✓ | - |
| `sending` | `boolean` | ✓ | - |
| `onSend` | `Function` | ✓ | - |
| `onTransition` | `Function` | ✓ | - |
| `onOpenSnooze` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_ThreadView_3f845f6["ThreadView"]
    class component_ThreadView_3f845f6 rootComponent
```

## Relationships

- RENDERS → `ChatBubbleLeftEllipsisIcon`
- RENDERS → `Chip`
- RENDERS → `LockClosedIcon`
- RENDERS → `MessageBody`
- RENDERS → `ExclamationTriangleIcon`
- RENDERS → `PaperClipIcon`
- RENDERS → `EyeIcon`
- RENDERS → `PaperAirplaneIcon`
- USES_HOOK → `useRef`
- USES_HOOK → `useState`
- USES_HOOK → `useMemo`
- USES_HOOK → `useEffect`