[Component] New modal video component #174
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I've re-created a video modal from this issue: #73
I used Radix dialog component with simple custom fade-in and out animations.
I'm open to any suggestions about the props users might want to use with this component and I'll add them.
I also recreated the button from the website, but it's probably outside of the scope of this PR.
![CleanShot 2024-06-23 at 20 12 46](https://private-user-images.githubusercontent.com/21265666/342086878-3f7441d5-6d3a-45df-90f9-348c634dd65b.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4MTk0MDYsIm5iZiI6MTcxOTgxOTEwNiwicGF0aCI6Ii8yMTI2NTY2Ni8zNDIwODY4NzgtM2Y3NDQxZDUtNmQzYS00NWRmLTkwZjktMzQ4YzYzNGRkNjViLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAxVDA3MzE0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAxMmY1OTkzOTFmMTgyYjEzYWZlOWU5YjcxOTg2MWRhMjA5OGYzNzQ3YWY0MzUyZWJmZTdiZjY0YmZkNDk4ZDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.EtZrje8lMTrhRATpx9XingJlakf5lDMBZP-qGHEi_G0)