# IssueSidePanel

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `card` | `BoardCardData | null` | ✓ | - |
| `onClose` | `Function` | ✓ | - |
| `onIssueChanged` | `Function` | - | - |
| `onStatusChanged` | `Function` | - | - |

## Diagram

```mermaid
graph TD
    component_IssueSidePanel_5e5fd282["IssueSidePanel"]
    class component_IssueSidePanel_5e5fd282 rootComponent
```

## Relationships

- RENDERS → `CheckCircleSolid`
- RENDERS → `ClipboardDocumentIcon`
- RENDERS → `XMarkIcon`
- RENDERS → `PencilSquareIcon`
- RENDERS → `StatusJourney`
- RENDERS → `Section`
- RENDERS → `Row`
- RENDERS → `ChevronDownIcon`
- RENDERS → `CheckIcon`
- RENDERS → `UserCircleIcon`
- RENDERS → `MagnifyingGlassIcon`
- RENDERS → `ArrowTopRightOnSquareIcon`
- RENDERS → `ActivityRow`
- USES_HOOK → `useSession`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useCurrentProjectId`
- USES_HOOK → `useRouter`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`