Banner linking to the Dashboard

[vpetersson]

To streamline the experience (and to boost visibility for the dashboard), we should add a CTA in the diagnostics page for claiming the device in the dashboard

Follow up: https://github.com/NebraLtd/hm-dashboard/issues/1038

Acceptance criteria

• UTM parameters
• Add a top full width banner
• Link to add device page
• Do not store state of whether banner is closed. It may be possible to close the banner between refreshes.

[shawaj]

@NebraLtd/developers @NebraLtd/device-team @NebraLtd/tech-support I think this is something we should prioritise to push people to the dashboard.

Perhaps even having "greyed out" features such as restart, reboot, shutdown, and other dashboard specific features that then maybe launches a popup pushing people to sign up for dashboard

[marvinmarnold]

@Louisreed can you work on wireframes please?

[Louisreed]

[KevinWassermann94]

@Louisreed That's looking good! I think we should slightly adjust the detail message though as we don't have any checks if it was claimed. Maybe something like "Use the dashboard now to gain benefits such as remote management, premium firmware and prioritized support"

[marvinmarnold]

I'm not sure the horizontal divider is adding much, it seems a little cluttered.

[Louisreed]

@KevinWassermann94 @marvinmarnold Did you want me to propose a design for the feature @shawaj mentioned about showing features greyed out?

[KevinWassermann94]

@Louisreed The idea is to have buttons like Restart device, Reboot Device as greyed out options. The info displayed to the customer remains the same

[Louisreed]

[marvinmarnold]

@Louisreed when does the modal appear? I don't think both the modal and banner are necessary.

[Louisreed]

@marvinmarnold I was thinking modal the first time then after that a persistent banner at the top?

[KevinWassermann94]

@Louisreed I think that adds in too much logic. I think we should only do the banner

[Louisreed]

@KevinWassermann94 Sure thing, banner it is!