Profile page

[MuhammadKhalilzadeh]

The profile page of the VerifyWise application has the following tabs:

• Profile: The user can set first name, last name and photo. Email address is immutable. Here the user can also remove the username from the database.
• Password: The user can give the current password and then set a new password. The new password must contain at least 8 characters and must have at least one uppercase letter, one number and one symbol.
• Team: This is only visible to the admin - the first logged-in user. The admin can invite a new user or an admin, change the role or remove other users/admins. The organization name can also be changed here. Initially, the organization name can be a random string, like "Stark Industries", and then can be modified by the admin. There are 3 different user types: Admin, Editor and Reviewer.

[!TIP] The uptime-manager repository (https://github.com/bluewave-labs/bluewave-uptime) has all the required code, and it can be reused for this purpose. There might be slight differences between the Figma design. The code we'll use from the Uptime Manager application will supersede the Figma design.

Profile tab

When the user clicks on the "Delete account" option, the account should completely be deleted from the database. An admin can remove anyone, as long as there is 1 admin left.

Password tab

Team tab

Tasks:

Implement profile tab

• [ ] General layout

• [ ] 3 Text field for names

• [ ] Note that 1 there is one immutable text field for password

• [ ] Update link by clicking on the picture functionality

• [ ] "Delete" button

• [ ] "Update" button

• [ ] "Save" button

• [ ] "Delete account" button

  Implement password tab

• [ ] General layout

• [ ] 3 Text field for password and confirmation

• [ ] Text information what is required at the alert box text location (that is currently showing on Figma)

• [ ] Alert text box when requirements are not met

• [ ] "Save" button

Implement team tab

• [ ] General layout
• [ ] Organization name edit widget and save button
• [ ] Tab functionality for displaying administrators, reviewers or editors
• [ ] "Invite team member" button
• [ ] Member's list table
• [ ] In the role section a dropdown menu for setting the member's role
• [ ] Delete button for each member

[gorkem-bwl]

This is updated. FYI @MuhammadKhalilzadeh