FC-DEV-FinalProject / final-fe-team4

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

[feat] 새프로젝트 생성 dialog 작성 #196 #197

Closed dyeongg closed 1 week ago

dyeongg commented 1 week ago
스크린샷 2024-11-26 오후 12 36 13

Sourcery에 의한 요약

새로운 기능:

Original summary in English ## Summary by Sourcery New Features: - Introduce a new 'Create Project' dialog in the sidebar, allowing users to start new projects with features like Text to Speech, Voice Conversion, and Concat.
sourcery-ai[bot] commented 1 week ago

리뷰어 가이드 by Sourcery

이 PR은 새로운 프로젝트 생성 대화 상자 UI 컴포넌트를 구현합니다. 이 구현은 단순한 버튼을 카드 기반 레이아웃에서 세 가지 다른 프로젝트 생성 옵션(텍스트 음성 변환, 음성 변환, 그리고 Concat)을 제공하는 대화 상자로 대체합니다. 각 옵션에는 아이콘, 제목, 설명이 포함되어 있습니다.

변경 사항이 간단해 보이며 시각적 표현이 필요하지 않으므로 다이어그램이 생성되지 않았습니다.

파일 수준 변경 사항

변경 사항 세부 사항 파일
새로운 프로젝트 생성 대화 상자 컴포넌트 구현
  • 세 가지 기능 카드를 포함한 새로운 대화 상자 컴포넌트 생성
  • 각 기능 카드에는 아이콘, 제목, 설명 텍스트 포함
  • 카드에 호버 효과 및 일관된 스타일 추가
  • 고정 최대 크기를 가진 반응형 레이아웃 구현
src/components/custom/dialogs/CreateProjectDialog.tsx
새로운 프로젝트 생성 대화 상자를 통합하기 위해 내비게이션 사이드바 업데이트
  • 단순 버튼을 대화 상자 컴포넌트로 대체
  • 기존 버튼 주위에 DialogTrigger 래퍼 추가
  • 새로운 CreateProjectDialog 컴포넌트 통합
src/components/section/sidebar/NavSidebar.tsx

관련된 문제일 가능성


팁 및 명령어 #### 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 project creation dialog UI component. The implementation replaces a simple button with a dialog that presents three different project creation options (Text to Speech, Voice Conversion, and Concat) in a card-based layout. Each option includes an icon, title, and description. _No diagrams generated as the changes look simple and do not need a visual representation._ ### File-Level Changes | Change | Details | Files | | ------ | ------- | ----- | | Implemented a new project creation dialog component |
  • Created a new dialog component with three feature cards
  • Each feature card includes an icon, title, and descriptive text
  • Added hover effects and consistent styling for the cards
  • Implemented responsive layout with fixed maximum dimensions
| `src/components/custom/dialogs/CreateProjectDialog.tsx` | | Updated the navigation sidebar to integrate the new project creation dialog |
  • Replaced the simple button with a Dialog component
  • Added DialogTrigger wrapper around the existing button
  • Integrated the new CreateProjectDialog component
| `src/components/section/sidebar/NavSidebar.tsx` | ### Possibly linked issues - **#196**: The PR implements the new project creation dialog as described in the issue. ---
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 32ebbd2):

https://aipark-four-t--197-e2kzxiq0.web.app

(expires Fri, 29 Nov 2024 03:37:52 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 0a4b3ef6ecc2c695a6a0d6ade46651e032870a9f