Add current voting power to UserInfo

[mktcode]

In the left sidebar, when viewing a user's profile, the current voting power is now shown.

In a future PR this should be implemented:

function calculateVotingPower(votingPower, lastVoteTime, precision) {
    let secondsPassedSinceLastVote = (new Date - new Date(lastVoteTime + "Z")) / 1000;
    votingPower += (10000 * secondsPassedSinceLastVote / 432000);

    return Math.min(votingPower / 100, 100).toFixed(precision);
}

I took this code from another project. It takes into account the replenishment of the voting power since the last vote.

[Sekhmet]

Can you use FormattedMessage from react-intl instead of this?

[Sekhmet]

Can you use FormattedNumber from react-intl instead of this as well?
Like here:

busy/src/components/Reactions/ReactionsList.js

Lines 48 to 51 in 493639e

	<FormattedNumber
	style="percent" // eslint-disable-line react/style-prop-object
	value={vote.percent / 10000}
	/>

[mktcode]

I don't know if I use it correctly and I also don't know why I have to divide by 10000 but... it works.

[jm90m]

So to get the percent of something you divide it by the total... so is 10,000 the total voting power that a user can have? @Sekhmet @bonustrack might know the answer

[Sekhmet]

@jm90m
Steem uses 0-10000 range (10000 being 100%). react-intl uses 0-1 range, thus we need to divide it by 10000.

[mktcode]

Ah ok.... so style="percent" transforms 0-1 to 0-100? Can't find this transformation in the code.

[Sekhmet]

It just tells react-intl to render this as per cent.
https://github.com/yahoo/react-intl/wiki/Components#formattednumber

[bonustrack]

Good idea and well done thank you!