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 : Enable Profile Image Upload or a Default Gravatar in User Dashboard ] #1095

Closed
rohitPandey469 opened this issue Jan 16, 2024 · 5 comments · May be fixed by #1194
Closed

[ Feat : Enable Profile Image Upload or a Default Gravatar in User Dashboard ] #1095

rohitPandey469 opened this issue Jan 16, 2024 · 5 comments · May be fixed by #1194

Comments

@rohitPandey469
Copy link

Is your feature request related to a problem? Please describe.
Currently, I am unable to find an option to upload a profile image for the user when using the Codelabz User ID. The photoURL field is empty, and I would like to address this by adding a feature in "http://localhost:5173/user-dashboard/profile." The goal is to provide a user-friendly option for users to upload their profile images. After storing the image in the Firebase bucket, the URL will be saved to the Firestore database.

Describe the solution you'd like
I propose adding a button or an option in "http://localhost:5173/user-dashboard/profile" that allows users to upload their profile images. This feature will handle the process of storing the image in the Firebase bucket and updating the photoURL field in the users' collection with the generated URL.

Describe alternatives you've considered
Alternatively, we could implement a default value for the photoURL field, similar to the Avatar in the Navbar. A Gravatar could serve as a cool default image for users who haven't uploaded their own profile picture.

Additional context
Implementing a default value for the photo URL, such as a Gravatar, can enhance the visual appeal of user profiles. This default value can be dynamic by utilizing the profileData in the Profile page, providing a seamless and personalized experience for users.

@rohitPandey469
Copy link
Author

Hey @shivareddy6 @ABHISHEK-PANDEY2 @Sarfraz-droid,
I've identified that the previous profile setup (old index.jsx) utilizing the Profile Info Card has already implemented much of the required functionality, such as integrated image uploads and profile editing options. It appears that there was an attempt to update the UI for the "http://localhost:5173/profile" page. Therefore, I am considering reusing the existing code and incorporating an additional feature for editing the profile at "http://localhost:5173/user-dashboard/profile". What are your thoughts on this approach???

@rohitPandey469
Copy link
Author

The Previous Profile Page "http://localhost:5173/profile" :
WhatsApp Image 2024-01-17 at 09 26 02
So I think Adding an Edit Option here :
new

@rohitPandey469
Copy link
Author

In my opinion, the old index_old.jsx file boasts a more appealing UI with clickable elements. I propose employing this older file, potentially utilized in the "http://localhost:5173/profile" scenario, and implementing it specifically at "http://localhost:5173/user-dashboard/profile". I would appreciate input from @ABHISHEK-PANDEY2, @shivareddy6, and @Sarfraz-droid. Do you all concur with the idea of utilizing the previous profile page option and integrating it into "http://localhost:5173/user-dashboard/profile"?

Copy link

This issue is stale because it has been open for 30 days with no activity.

@github-actions github-actions bot added the stale label Feb 24, 2024
Copy link

github-actions bot commented Apr 7, 2024

This issue was closed because it has been inactive for 14 days since being marked as stale.

@github-actions github-actions bot closed this as completed Apr 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant