The dashboard allows the customer to view and edit their main account details.

Where this element can be seen?

My Account

How should this element be designed?

Designs should represent dashboard layout for desktop, tablet, mobile, and narrow mobile since a lot of elements can have tricky placement on 320px width screen.

<aside> ℹ️ Usually, styling this element takes from-to: 4-6h

</aside>

How the design may look like?

BUFF desktop dashboard

BUFF mobile dashboard

How to develop styles for this element?

It is rendered in the MyAccountDashboard component. By default main information is placed in the <table> but designs may require refactoring it completely.

The popups are rendered in the MyAccountCustomerPopup component. Take into consideration, that with opened popup navigationState is popup therefore do not make strict logic around this property.

How the implementation may look like?

Implementation example #1