Status Efforts

[patrykadas]

#133
#121
+
https://github.com/Userfeeds/Userfeeds/issues/145

As part of bigger effort we should start working on showing current status of network and our backend in comparison to its network.

Per @michalwarda suggestion we could use the space that's currently occupied with Metamask button. Here's the short proposal that could use some feedback:

It would consist of two elements:

1. Status of the backend & blockchhain
a) Synchronized (less than x blocks of difference)
https://codepen.io/patrykadas/pen/MQwywp
b) Asynchronized (more than x blocks of difference)
https://codepen.io/patrykadas/pen/zRxeZj
c) Offline / error
https://codepen.io/patrykadas/pen/eVNJav

2. Status of the transaction
a) Type (link / boost)
b) Current stage

• For link:
  On Chain, In Review, Whitelisted (visible)
• For boost:
  On Chain, Visible

Clicking it should expand a status view of particular transaction. At this point I also thought about aggregating those statuses in a form of an activity feed of an address. This one's just a wireframe:

We have an aggregated view of statuses of past transaction per address that could be an entry point for future experiments (cryptopurr), I would like to keep the possibility to address particular status though, as currently implemented.

[gkapkowski]

Backend relation to blockchain

There is another posibility that bockchain is offline (infura service, our blockchain provider) and out system is further than last reported blockchain block

Can we add more identification inside icons that one of them is our platform? (like small userfeeds icon) Not sure if good idea

Transaction mode

I would add color to those small dots showing steps, different color for step that is done and different color for step in progress and waiting/in-queue (at least as I look at static image). On the other had those steps in progress could just pulse (pulse animation like the one with synchronized icon)

Activity feed

This looks good. We need to define exactly what activities are possible, and not only in link exchange. This is something new that I haven't thought through so I don't have much comments.

[patrykadas]