ActivityFeed
shell활동 피드/로그 컴포넌트. 타임라인 스타일, 상대 시간 표시.
컴포넌트 의존 관계
깊이
100%
기본 사용
활동 피드
김
김철수 생성 새 프로젝트 생성
이
이영희 배포 v1.2.0 배포
프로덕션 환경에 성공적으로 배포되었습니다.
박
박지민 댓글 코드 리뷰 댓글
김
김철수 병합 feature/auth 브랜치 병합
최대 표시 제한
활동 피드
김
김철수 생성 새 프로젝트 생성
이
이영희 배포 v1.2.0 배포
프로덕션 환경에 성공적으로 배포되었습니다.
클릭 핸들러
활동 피드
김
김철수 생성 새 프로젝트 생성
이
이영희 배포 v1.2.0 배포
프로덕션 환경에 성공적으로 배포되었습니다.
박
박지민 댓글 코드 리뷰 댓글
김
김철수 병합 feature/auth 브랜치 병합
액션 슬롯 + compact 레이아웃
활동 피드
김
김철수 생성 새 프로젝트 생성
이
이영희 배포 v1.2.0 배포
박
박지민 댓글 코드 리뷰 댓글
김
김철수 병합 feature/auth 브랜치 병합
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
ActivityFeed 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
ActivityFeed Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
activities* | ActivityDef[] | — | 활동 배열. { id, type, title, actor, timestamp, ... } |
title | string | "활동 피드" | 섹션 제목 |
maxItems | number | — | 최대 표시 개수 |
onActivityClick | (activity: ActivityDef) => void | — | 활동 클릭 핸들러 |
layout | "list" | "compact" | "list" | 시간 표시 레이아웃 모드 |
renderActions | (activity: ActivityDef) => ReactNode | — | 각 활동 항목 우측 액션 슬롯 렌더 함수 |
Import
tsx
import { ActivityFeed } from "@reopt-ai/opt-ui";키보드 동작
| 키 | 동작 |
|---|---|
| ↑ ↓ | 활동 간 이동 |
| Enter | 활동 선택 |