Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FEAT: Add create video modal #18

Closed
10 tasks done
nikita-remeslov opened this issue Aug 19, 2024 · 2 comments · Fixed by #36
Closed
10 tasks done

FEAT: Add create video modal #18

nikita-remeslov opened this issue Aug 19, 2024 · 2 comments · Fixed by #36
Assignees
Labels
FE Fronted feature QA QA tasks

Comments

@nikita-remeslov
Copy link
Collaborator

nikita-remeslov commented Aug 19, 2024

What feature?

  • Add create video modal use chakra ui
  • Add button for landscape view 1920x1080
  • Add button for portrait view 1080x1920
  • Button hover should change the preview

P.S. Reference https://heygen.com

Add screenshots

Image

Acceptance criteria

  • The modal should open upon clicking a designated "Create Video" button within the application.
  • The modal design should be consistent with the rest of the application's UI, leveraging Chakra UI components for a cohesive look and feel.
  • Inside the modal, there should be two buttons: (1920x1080) and (1080x1920). Both buttons should be prominently displayed and clearly labeled with their respective video sizes.
  • Hovering over the landscape and portrait buttons should trigger a preview of the video in the 1920x1080 and 1080x1920 size respectively.
  • The preview should change dynamically based on the button being hovered, providing the user with a visual indication of what the final video will look like in each aspect ratio.
  • The modal should close upon completion of the video creation process or when the user clicks outside the modal or on a close button.
@nikita-remeslov nikita-remeslov added the FE Fronted feature label Aug 19, 2024
@nikita-remeslov nikita-remeslov added this to the Release 1.0 milestone Aug 19, 2024
@sergiy4 sergiy4 self-assigned this Aug 20, 2024
@sergiy4 sergiy4 linked a pull request Aug 21, 2024 that will close this issue
@nikita-remeslov nikita-remeslov moved this from Peer Review to In Progress in bsa-2024-outreachvids Aug 21, 2024
@github-project-automation github-project-automation bot moved this from Peer Review to Testing in bsa-2024-outreachvids Aug 21, 2024
@DaniellaZambrano DaniellaZambrano added the QA QA tasks label Aug 22, 2024
@DaniellaZambrano DaniellaZambrano self-assigned this Aug 22, 2024
@DaniellaZambrano
Copy link
Collaborator

DaniellaZambrano commented Aug 23, 2024

This works as expected from the frontend, as shown in the image.

Image

@DaniellaZambrano
Copy link
Collaborator

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE Fronted feature QA QA tasks
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants