Skip to content

Geo: Update "Data is out of sync from XXX minutes ago" UI

What is the issue?

@mkozono Brought up a good point about the out of sync (X clock) here

Essentially, when data becomes out of sync, we show a X clock on every progress bar:

Screen_Shot_2020-03-19_at_2.16.09_PM

This clock has the same hover text on every single one: Screen_Shot_2020-03-19_at_2.14.31_PM

Also when data becomes > 5 minutes out of sync and the status isn't updated we also show an error on the bottom: Screen_Shot_2020-03-19_at_2.14.48_PM

Proposal

As @mkozono suggested, we should move this information to a higher part of the card. In his notes, he suggested moving it towards the bottom. I could see us also moving it to the top with the "core" Node details (name, url, status, etc..)

Then as Mike also suggested, we should only show the (X Clock) when we get outside a certain timeframe (~10 minutes). Then the X Clock would give a tip that something may be wrong.

I was wondering if you had any design suggestions @sunjungp as to where we could put this on the card?

Proposed design

211862-out-of-sync-synced

211862-out-of-sync-error

Edited by Sunjung Park