Finance: refactor to new styles for 0.8

[AquiGorka]

How to test

Assuming everything is in the ~/projects directory (replace by your own).

First time

Clone this repo + Aragon client’s + aragonUI’s if not done already:

cd ~/projects
git clone git@github.com:aragon/aragon-apps.git
git clone git@github.com:aragon/aragon.git
git clone git@github.com:aragon/aragon-ui.git

Create a link for aragonUI (npm might tell you that it is already done):

cd ~/projects/aragon-ui
npm link

Getting updates

Here we are updating the branches + reinstalling the dependencies + linking aragonUI again.

cd ~/projects/aragon-ui
git checkout newstyle
git pull origin newstyle
npm install

cd ~/projects/aragon
git checkout newstyle
git pull origin newstyle
npm install
npm link @aragon/ui

cd ~/projects/aragon-apps/apps/finance/app
git checkout newstyle/finance
git pull origin newstyle/finance
npm install
npm link @aragon/ui

Running it

We can now start the two servers (the app + Aragon client). In one shell session (or tab in your terminal app):

cd ~/projects/aragon-apps/apps/finance/app
npm start

In another session (we are asking the client to load apps running locally):

cd ~/projects/aragon
env REACT_APP_ASSET_BRIDGE=local yarn start

Open http://localhost:3000/ in your browser.

[coveralls]

Coverage remained the same at 97.914% when pulling 25fac75 on newstyle/finance into a4f873e on newstyle-0.8.

[sohkai]

@dizzypaty I've lowered the vertical padding of the empty state just a tad: the designs have them at around 160px (20 grid units) but I've taken them down to 120px (15 grid units) because on a 1440x900 display (usually a 13' laptop), the text gets cut off: