Dashboard and Projects view

[gorkem-bwl]

Create the dashboard and projects view. The dashboard is the main screen when the user first logs in. It includes a list of projects, together with a general overview of compliance status. The user can also create a new project in this page by clicking on "New project".

When the user clicks on a project, a detailed project page appears. Here there are 4 tabs (Overview, Project risks, Vendor risks and Settings).

• Overview: Shows an overview of current project
• Project risks: Shows project risks
• Vendor risks: Shows vendor risks associated with the project
• Settings: Shows different settings for the project.

The risks table is too big that it may not fit in the dashboard, which is OK. If the user wants to horizontally move in the table, the “Vendor name” should be pinned. For more information about pinning a column in MUI, see this document

When the user wants to add a vendor risk, "Add new risk" button is used. If the user clicks on this button, the following popup appears:

Tasks for the Dashboard:

• [x] Create the main dashboard and show projects
• [x] Show compliance tracker
• [x] Create the "New project" popup
• [x] Create an empty state

Tasks for the Project View:

• [x] Create Overview tab
• [x] Create Project risks tab
• [x] Create Vendor risks tab
• [x] Add vendor risks popup
• [x] Create Settings tab

[gorkem-bwl]

@popovaevgeniya I have added an empty state. In the case of no projects available to view on the dashboard, this empty state will be shown.

Here is the link to the Figma file.

Here is the screenshot:

[gorkem-bwl]

@popovaevgeniya added "Last updated by" box here:

Link to Figma design

[gorkem-bwl]

@popovaevgeniya "Add a new risk" popup has a few changes. Please refer to Figma design here.

[gorkem-bwl]

@popovaevgeniya previously, the project selector was on the top right hand side. It is now moved to the sidebar, so you don't have to implement a popup there (or remove if you have already done).

[MuhammadKhalilzadeh]

@popovaevgeniya Please do not forget to Check ✅ the tasks you've completed here