search

ufosc / OSC-Proximity-Chat-App

Talk to the people closest to you. An open source React Native app that combines location and communication into one.
https://osc-proximity-documentation.vercel.app/
GNU General Public License v3.0
40 stars 88 forks source link

Create settings menu for profile picture and display name selection #259

Closed h1divp closed 10 hours ago

h1divp commented 1 week ago

Related to #254.

We are adding in profile pictures and display names, but need a way for users to set them. The following two menus should produce a file path string, a color hex string, and a string of a display name which should set basic props in the settings page for now. Once this issue is done, an issue will be created to modify a user's stored settings with backend API calls, and update the perceived settings on the front end.

Profile picture selection

Should be a small grid of the existing profile picture images we have in client/assets/icons/user. These will be made transparent eventually, but just work on loading everything in the folder into a grid for now (test different grid sizes to see what looks best). Also add some kind of color selector text input, which may eventually changed to create a gradient. This should just take in a color code which you can check is formatted properly using regex. Also make sure to include an edit/confirm button.

Display name selection

Should be in some kind of text area with an edit/confirm button. Take inspiration from any app you like. Also note that the display name shouldn't be too long (maybe under 30 characters in length? test different max sizes and see what looks best)

Chuporceeta commented 1 week ago

I'm interested in taking on this issue.

AlexanderWangY commented 1 week ago

Sounds good! Let me know if you need any help!