[FEATURE] Upgrading to new UI dashboard

[sukenshah]

Overview

The pull request primarily has changes to upgrade UI of STNO management dashboard. The new dashboard not only improves look and feel but adds new features to improve user experience. There are minor changes to the AppSync schema and resolvers to support new UI.

Features

Look and Feel

Login page

Side bar

Dark mode

Filtering by status

Federated local search (search for any field)

Pagination

Action Confirmation window

Actions for attachment requests

Viewing history of attachment or request

Implementation

The new dashboard uses material-ui for look and feel. There has been major refactoring of the react app implementation to use react hooks. The dependencies are cleaned up to remove unused packages. The AppSync schema is changed to add new query to get attachments by status. New DDB resolver request and mapping templates are added for searching by status. Existing query request mapping template is updated to support optional nextToken and limit arguments. Please note that there are no changes to the way STNO backend operates.

Testing

The changes are tested in multiple local environments. Please use the same deployment steps to deploy the solution in custom S3 bucket for testing purpose.

Issues (if any)

No issues observed so far.

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

[groverlalit]

@sukenshah This is great work. Thanks for taking the time to improve the UI. We will review and consider this PR for merge in our next release planned for this year.

[alexelshamouty]

Hi there! any update on the status of this PR? this is a really nice feature that we would really like to see

[groverlalit]

Thanks but we plan to update the UI using CloudScape components in the next release.