FC-DEV-FinalProject / final-fe-team4

4조 프론트엔드 깃허브
0 stars 2 forks source link

[feat] tts 페이지 재생성 히스토리 구현 #130 #163

Closed nakyeonko3 closed 1 week ago

nakyeonko3 commented 1 week ago

Sourcery에 의한 요약

TTS 오디오 재생 기록을 보고 상호작용할 수 있는 TTS 재생 기록 기능을 도입합니다. 새로운 TTSPlaybackHistory 컴포넌트를 추가하고 기존 TTS 컴포넌트에 통합합니다. AudioPlayer 컴포넌트를 개선하여 여러 디스플레이 모드를 지원하여 UI 디자인의 유연성을 향상시킵니다.

새로운 기능:

개선 사항:

Original summary in English ## Summary by Sourcery Introduce a TTS playback history feature, allowing users to view and interact with the history of TTS audio regenerations. Add a new TTSPlaybackHistory component and integrate it into existing TTS components. Enhance the AudioPlayer component to support multiple display modes, improving flexibility in UI design. New Features: - Implement TTS playback history feature with a new component TTSPlaybackHistory.tsx to display the history of TTS audio regenerations. - Add a TTSPlaybackHistoryButton to IconButton.tsx for toggling the display of TTS playback history. Enhancements: - Refactor TTSTableGrid to include a new TTSGridItem component for better modularity. - Enhance AudioPlayer component to support different player modes, including a new MINI mode.
sourcery-ai[bot] commented 1 week ago

🧙 Sourcery가 귀하의 풀 리퀘스트 검토를 완료했습니다!


팁 및 명령어 #### 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 🧙 Sourcery has finished reviewing your pull request! ---
Tips and commands #### Interacting with Sourcery - **Trigger a new review:** Comment `@sourcery-ai review` on the pull request. - **Continue discussions:** Reply directly to Sourcery's review comments. - **Generate a GitHub issue from a review comment:** Ask Sourcery to create an issue from a review comment by replying to it. - **Generate a pull request title:** Write `@sourcery-ai` anywhere in the pull request title to generate a title at any time. - **Generate a pull request summary:** Write `@sourcery-ai summary` anywhere in the pull request body to generate a PR summary at any time. You can also use this command to specify where the summary should be inserted. #### Customizing Your Experience Access your [dashboard](https://app.sourcery.ai) to: - Enable or disable review features such as the Sourcery-generated pull request summary, the reviewer's guide, and others. - Change the review language. - Add, remove or edit custom review instructions. - Adjust other review settings. #### Getting Help - [Contact our support team](mailto:support@sourcery.ai) for questions or feedback. - Visit our [documentation](https://docs.sourcery.ai) for detailed guides and information. - Keep in touch with the Sourcery team by following us on [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourcery-ai/) or [GitHub](https://github.com/sourcery-ai).
github-actions[bot] commented 1 week ago

Visit the preview URL for this PR (updated for commit 2add647):

https://aipark-four-t--163-av5m2qv5.web.app

(expires Sun, 24 Nov 2024 18:33:36 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 0a4b3ef6ecc2c695a6a0d6ade46651e032870a9f

sjgaru-dev commented 1 week ago

image

세로선 이어지는 굵기가 달라서 다소 부자연스러워보이는데 사소한 부분이라 우선 승인하겠습니다.

dhkim511 commented 1 week ago

이 부분은 제가 수정해볼께요 테이블 컴포넌트 작업하면서