| 1 | 'use client'; |
| 2 | |
| 3 | export default function ActivityItem({ |
| 4 | type, |
| 5 | user, |
| 6 | message, |
| 7 | timestamp, |
| 8 | details, |
| 9 | }) { |
| 10 | return ( |
| 11 | <li className={'activity-item activity-' + type}> |
| 12 | <div className="activity-icon" data-type={type} /> |
| 13 | <div className="activity-content"> |
| 14 | <p className="activity-message">{message}</p> |
| 15 | <div className="activity-meta"> |
| 16 | <span className="activity-user">{user}</span> |
| 17 | <span className="activity-time">{timestamp}</span> |
| 18 | {details && ( |
| 19 | <span className="activity-details"> |
| 20 | {details.amount} · {details.items} items |
| 21 | </span> |
| 22 | )} |
| 23 | </div> |
| 24 | </div> |
| 25 | </li> |
| 26 | ); |
| 27 | } |