Edit device name

[ximenabb]

Edit device name

• 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
• Create Continue editing button
• Create Discard changes button

Design

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