sourcery-ai[bot]
commented
6 days ago 리뷰어 가이드 by Sourcery
이 PR은 오디오 파일 처리 기록 목록을 표시하는 새로운 히스토리 페이지를 구현합니다. 구현에는 새로운 경로, 탐색 업데이트, 선택, 필터링 및 오디오 재생 제어와 같은 기능을 갖춘 히스토리 항목을 표시하기 위한 포괄적인 테이블 컴포넌트가 포함됩니다.
새로운 히스토리 페이지 컴포넌트에 대한 클래스 다이어그램
classDiagram
class HistorysPage {
+useState~string[]~ selectedItems
+useState~boolean~ isAllSelected
+handlePlay(id: string)
+handlePause(id: string)
+handleDelete()
+handleSearch(searchTerm: string)
+handleFilter()
+handleSelectAll(checked: boolean)
+handleSelectionChange(id: string, checked: boolean)
}
class HistoryListTable {
+ProjectListTableItem[] items
+onPlay(id: string)
+onPause(id: string)
+currentPlayingId?: string
+isAllSelected: boolean
+itemCount: number
+onSelectAll(checked: boolean)
+selectedItems: string[]
+onSelectionChange(id: string, checked: boolean)
}
class ProjectListTableItem {
+string id
+string order
+string projectName
+string fileName
+string content
+string type
+string status
+string createdAt
}
HistorysPage --> HistoryListTable
HistoryListTable --> ProjectListTableItem파일 수준 변경 사항
| 변경 사항 | 세부 사항 | 파일 |
|---|---|---|
| 새로운 히스토리 페이지 경로 및 탐색 추가 |
|
src/routes/router.tsxsrc/components/section/sidebar/NavSidebar.tsx |
| 테이블 인터페이스가 있는 새로운 히스토리 페이지 구현 |
|
src/pages/HistorysPage.tsx |
| 히스토리 항목에 대한 사용자 정의 테이블 컴포넌트 생성 |
|
src/components/custom/tables/history/HistoryListTable.tsx |
관련된 문제일 가능성
- #202: 이 PR은 이슈에 설명된 대로 내보내기 히스토리 페이지를 구현합니다.
팁 및 명령어
#### Sourcery와 상호작용하기 - **새로운 리뷰 트리거:** 풀 리퀘스트에 `@sourcery-ai review`라고 댓글을 남깁니다. - **토론 계속하기:** Sourcery의 리뷰 댓글에 직접 답장합니다. - **리뷰 댓글에서 GitHub 이슈 생성:** 리뷰 댓글에서 Sourcery에게 이슈 생성을 요청합니다. - **풀 리퀘스트 제목 생성:** 풀 리퀘스트 제목 어디에나 `@sourcery-ai`를 작성하여 언제든지 제목을 생성합니다. - **풀 리퀘스트 요약 생성:** 풀 리퀘스트 본문 어디에나 `@sourcery-ai summary`를 작성하여 언제든지 PR 요약을 생성합니다. 이 명령을 사용하여 요약이 삽입될 위치를 지정할 수도 있습니다. #### 경험 맞춤화하기 [대시보드](https://app.sourcery.ai)에 액세스하여: - Sourcery가 생성한 풀 리퀘스트 요약, 리뷰어 가이드 등과 같은 리뷰 기능을 활성화하거나 비활성화합니다. - 리뷰 언어를 변경합니다. - 사용자 정의 리뷰 지침을 추가, 제거 또는 편집합니다. - 기타 리뷰 설정을 조정합니다. #### 도움 받기 - 질문이나 피드백이 있는 경우 [지원 팀에 문의](mailto:support@sourcery.ai)하세요. - 자세한 가이드와 정보를 보려면 [문서](https://docs.sourcery.ai)를 방문하세요. - [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourcery-ai/) 또는 [GitHub](https://github.com/sourcery-ai)에서 Sourcery 팀을 팔로우하여 소식을 받아보세요.Original review guide in English
## Reviewer's Guide by Sourcery This PR implements a new History page that displays a list of audio file processing records. The implementation includes a new route, navigation updates, and a comprehensive table component for displaying history entries with features like selection, filtering, and audio playback controls. #### Class diagram for the new History page components ```mermaid classDiagram class HistorysPage { +useState~string[]~ selectedItems +useState~boolean~ isAllSelected +handlePlay(id: string) +handlePause(id: string) +handleDelete() +handleSearch(searchTerm: string) +handleFilter() +handleSelectAll(checked: boolean) +handleSelectionChange(id: string, checked: boolean) } class HistoryListTable { +ProjectListTableItem[] items +onPlay(id: string) +onPause(id: string) +currentPlayingId?: string +isAllSelected: boolean +itemCount: number +onSelectAll(checked: boolean) +selectedItems: string[] +onSelectionChange(id: string, checked: boolean) } class ProjectListTableItem { +string id +string order +string projectName +string fileName +string content +string type +string status +string createdAt } HistorysPage --> HistoryListTable HistoryListTable --> ProjectListTableItem ``` ### File-Level Changes | Change | Details | Files | | ------ | ------- | ----- | | Added new History page route and navigation |- Added new HISTORYS route path constant
- Added new route configuration for HistorysPage
- Updated sidebar navigation label from '히스토리 목록' to '히스토리 내역'
`src/components/section/sidebar/NavSidebar.tsx` | | Implemented new History page with table interface |
- Created page layout with header and description
- Added table toolbar with search, filter, and delete functionality
- Implemented dummy data for development and testing
- Added state management for item selection
- Implemented play/pause audio controls
- Implemented table header with checkboxes for bulk selection
- Added columns for audio type, project name, filename, content, status, and timestamps
- Created custom badges for audio types and status indicators
- Added download button functionality
- Implemented row-level selection and playback controls
github-actions[bot]
Sourcery에 의한 요약
내보내기 기록을 볼 수 있는 새 페이지를 추가하고, 파일 재생, 일시 정지, 선택 및 다운로드 기능이 있는 테이블을 포함합니다. 이 새 페이지를 포함하도록 내비게이션을 업데이트합니다.
새로운 기능:
개선 사항:
Original summary in English
## Summary by Sourcery Add a new page for viewing export history records, including a table with functionalities for playing, pausing, selecting, and downloading files. Update the navigation to include this new page. New Features: - Introduce a new 'HistorysPage' component to display export history records, allowing users to view and download saved history files. Enhancements: - Update the navigation sidebar to include a new '히스토리 내역' (History Records) section.