[Canned Reports] UX redesign

[mahalakshme]

As is:

UX is not intuitive and clear. This can be accessed from Reports -> 'Self-service reports'

AC:

1. On going to Reports -> Self-service reports show the below:

• metabase.com and link button below the title should take the user to https://www.metabase.com/
• 'Setup Reports' should do the same thing what 'toggle on' currently does. Show load icon until the setup is done. 'Check sync status' button can be removed.
• Disable 'Setup Reports' button, when the sync is in progress.

2. Once done show the below page:

• 'Refresh reports' button should do whatever 'refresh tables' currently does.
• Disable 'Refresh reports' button, when the sync is in progress.
• On click of 'Explore your data', it should take the user to the login page.

3. Dont introduce Delete button now.

4. For themes and colours, follow the same as followed generally in Avni webapp.

Out of scope: Analysis notes: Ignore:

• Fixing issues here. Redesign and testing this card, can automatically help in figuring out or fixing the issues.

• On click of Delete(Use the same as in Location Type Edit page), show alert box like below with the message 'Do you want to delete the Metabase setup';

Address the issues in the comments of this card.

• For orgs with large data, shows this error - ideally it should handle for orgs with large data as well

• Created the tables twice - once created should not create again

Inputs:

• Disable the button when loading
• What happens when moved to different page?
• Setup reports or setup metabase integration?
• batch process?
• idempotent on refresh?

[mahalakshme]

@ombhardwajj on clicking 'Explore your data' it is taking me to prod metabase URL. in staging it should take me to reporting-green and prod to the reporting.avni