Add 3Box Profiles to Livepeer Explorer

We're looking to integrate 3Box profiles infrastructure into the Livepeer Explorer, which provides an interface for interacting with the Livepeer protocol - specifically for bonding your LPT tokens to a transcoder.

Today, transcoders are represented only by a hexadecimal ethereum addresses.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7b7ddd1e-ba76-4567-a294-1480b0a0b3a8/Screen_Shot_2019-05-22_at_6.40.38_PM.png

Livepeer would like to make this experience much more user friendly and intuitive. 3Box allows transcoders to create and configure their social profile natively from within the Livepeer user experience, so others looking to stake tokens have a better idea who they're interacting with.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ba0b9ce3-0783-42e6-a3b2-ae11b7864a83/Screen_Shot_2019-05-22_at_6.42.05_PM.png

Bounty Objectives

Make a PR that integrates profile infrastructure throughout the Livepeer Explorer using the 3Box.js API, outlined in detail below. It should match the look and feel of the Livepeer app with the screenshots provided.

This bounty requires various updates to the Livepeer Explorer.

  1. Install 3Box.js into the Explorer
  2. Update the "My Account" Page
  3. Update the "Transcoders" Page

Install 3Box.js into the Explorer

Install 3Box.js into the Livepeer Explorer project.

npm install 3box

Update the "My Account" Page

This section describes the logic that should be implemented on the "My Account" page.

1. Detect default profile settings