# rn-record-activity-panel
URL: /docs/native/docyrus/record-activity-panel

Timeline of a record's Docyrus activity log with per-operation icons, tenant-aware timestamps and translatable copy.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-record-activity-panel
```

**Dependencies:**
- [@shopify/flash-list](https://www.npmjs.com/package/@shopify/flash-list)
- [react-native-svg](https://www.npmjs.com/package/react-native-svg)
- [react-native-reanimated](https://www.npmjs.com/package/react-native-reanimated)

## Usage

Pass the rows returned by the Docyrus activity-log endpoint as-is — the type matches the backend row shape:

```tsx
import { RecordActivityPanel } from '@/components/docyrus-native/record-activity-panel';

```

- Rows are sorted newest first (`created_on`; rows with a `null` date go last) and capped by `maxItems`.
- The text is `shortDescription`, falling back to `description`.
- The actor is `firstname lastname`, then `name`, then `t('ui.recordActivity.system', 'System')`.
- The timestamp uses the explicit `dateFormatter`, else `formatDateTime` from a mounted `