Open
Conversation
This commit adds a new Camera component that allows users to take a picture using their device's camera and upload it as their profile picture. The ImageUpdate component has been modified to include the Camera component and handle the new image upload functionality.
On desktop, users will see a webcam preview and a button to capture the photo. On mobile, the device camera will open when the camera button is pressed. Also added error handling if camera permissions are not granted.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
This pr includes the ability to take profile photos directly from the officer db. This will be useful when it's time to take headshots so we don't have to take headshots externally, organize them, and upload them into the db. Firebase is automatically updated with the new profile photo.
Key Features:
A camera button now appears above the pencil icon for uploading images. This allows users to have more freedom when uploading headshots into the db.
For desktop: Customized webcam preview modal with error handling in case your camera permissions are off / your camera is not connecting.
For mobile: Clicking the camera icon will automatically pop up the camera of your OS.
This combines functionality with Jeydin's photo editor and will be included as a part of the pfp uploading flow.