User has gone through onboarding and has named their device
User wishes to edit their device name
User goes to Settings - Project Settings - Device Name
1
Todo
[ ] Display Your Device Name
[ ] Create edit button using pen icon at the top right
2
Todo
[ ] When pen icon clicked, change to checkmark icon
[ ] Display text box with device name
[ ] Display max characters /60
[ ] Note from Sabella : If user taps edit, show save button top right, Edit label and field. If a user makes changes to the name field but doesn’t tap Save we are going to show them a dialog box
3
Todo
[ ] Display pop-up if user didn't click on Save and clicked elswhere
Edit device name
1
Todo
2
Todo
3
Todo
Continue editing
buttonDiscard changes
buttonDesign
https://www.figma.com/file/uzynHXR0xgJu19lsCoJyXN/%F0%9F%90%9A-Shell-App?type=design&node-id=1200-69&mode=design&t=xfOwkkUA7kBhB7vK-0
Copydeck
https://docs.google.com/spreadsheets/d/1-ToQImFcHK6f0TpPJgpDIJf92kD1pIq8Cz6uH9meoVM/edit#gid=1868132643