# Motivation

* We want to push for Primer being used inside OpenProject.

* The settings pages are bit complex technically as there are many helpers involved which create the settings pages

* We have to start somewhere, so the Begin of the insertionMy AccountEnd of the insertion Begin of the deletion MyAccountEnd of the deletion pages might be a good starting point as they are rather small and not too complex


# Acceptance criteria

* Re-organise Begin of the insertionMy Account withEnd of the insertion the Begin of the insertionfollowingEnd of the insertion pages Begin of the insertion(in bold), and rearrangeEnd of the insertion Begin of the deletion shown in the _My Account_End of the deletion settings Begin of the insertionso they are contained in these pages:End of the insertion Begin of the deletion in:End of the deletion

* Begin of the insertion**Profile**

* Avatar

* Basic details (name, email)

* User CFs

* **LanguageEnd of the insertion Begin of the deletion **Account:** Include current sections of _Profile_End of the deletion and Begin of the insertionregion** (splitEnd of the insertion Begin of the deletion _Avatar_ and the fields language and time zoneEnd of the deletion from Begin of the insertion'Settings')

End of the insertion Begin of the deletion _Settings_.

End of the deletion * Begin of the insertionLanguage

* Region

* Date format

* Time zone

* **Interface** (splitEnd of the insertion Begin of the deletion **Interface:** Current fieldsEnd of the deletion from Begin of the insertion&#39;Settings&#39;; should already be done in <mention class="mention" data-id="64234" data-type="work_package" data-text="##64234">##64234</mention>)

End of the insertion Begin of the deletion _Settings_.

End of the deletion * Begin of the insertionColor mode

* Comment order

* Disable keyboard shortcuts

* Alert display (warning on unsaved changes)

* Auto-hide success notification

* Backlog module

* **NotificationEnd of the insertion Begin of the deletion **Security:** Include current sections of _Change password_End of the deletion and Begin of the insertionemail**

End of the insertion Begin of the deletion _Two-factor authentication_.

End of the deletion * Begin of the insertionNotification (tab)

* Email reminders (tab)

* **Security**

* Password (tab)

* 2FA (tab)

* Backup codes (tab)

* End of the insertion **Access Begin of the insertiontokens**

End of the insertion Begin of the deletion tokens:** Improved version of the current _Access tokens_.

End of the deletion * Begin of the insertionProvider tokens (tab)

End of the insertion Begin of the deletion **Session management:** Improved version of the current _Session management_.

End of the deletion * Begin of the insertionClient tokens (tab)

* **Session management**End of the insertion Begin of the deletion **Notifications and emails:** Include current sections of _Notification_ _settings_ and _Email reminders_ in two separate tabs.End of the deletion

* **Delete Begin of the insertionaccount**End of the insertion Begin of the deletion account:** Move the current _Delete account_ confirmation to a dialog.End of the deletion

* Begin of the insertionPrimeriseEnd of the insertion Begin of the deletion PrimariseEnd of the deletion the pages as specified in the mockups.


## Figma and visuals

https://www.figma.com/design/pb7hkwUvLmG5Du9NoDaXIX/My-account---Primarisation?node-id=0-1