create account

My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month by jm90mm

View this thread on: hive.blogpeakd.comecency.com
· @jm90mm ·
$71.81
My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month
It has been almost a month since I started working for Busy. I started on October 13th and I am proud to continue contributing to Busy. I worked on a good bit of bug fixes and features this past month. But in this post I will go over the biggest change that I worked on, which was adding the wallet page for each user. 
![Screen Shot 2017-11-08 at 6.38.24 PM.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184343/dd7fm6d9nxxph97ec3xz.png)

### Features of the Wallet Page:
* Display a user's wallet summary which includes the amount of Steem, Steem Power, SBD, and Savings that they have. Also includes calculations for their estimated account value.
*  Steem and Steem Dollar Trending Charts Sidebar - quickly view the current prices and the visually see the price summary for last 7 days
* Infinite Scroll on all wallet actions

![busy-wallet-demo.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184431/hh7zwujhfnrqm59txlta.gif)

### Implementation Choices

This might get a bit technical, but it should help others when they want to develop their own wallet page for their steem app.

One of the main challenges was figuring out where exactly to get the data from, there were 2 options, one was `getStateAsync` or `getAccountHistoryAsync` from https://github.com/steemit/steem-js.
So in order to get started I looked into how steemit and busy v1 generated their wallet / transfers pages. They both used the `getStateAsync` function from [getState - steemjs](https://github.com/steemit/steem-js/tree/master/doc#get-state). After discussing with @fabien, he had informed me that `getStateAsync` was not scalable.  With `getStateAsync`, there is no pagination and it can produce a large response which is inconvenient for our mobile users. 

So instead I used the `getAccountHistory` from [getAccountHistory - steemjs](https://github.com/steemit/steem-js/tree/master/doc#get-account-history). With getAccountHistory we have all the data, so we could use it later on for the Activity page and for notifications.

I won't go through all the different components used but since we are open source, you can see more of it here: https://github.com/busyorg/busy/tree/new-design/src/wallet

### What's next?

So the most recent feature that I've been working on is adding the activity page for each user. With the addition of the activity page, there will be some performance updates to the wallet page and some bug fixes.

Here's a preview of the activity page!
![Screen Shot 2017-11-08 at 6.33.40 PM.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184473/tflapfk0kgbiovwwka5j.png)

![busy-activity-page-demo.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184386/vygr55nei8ocvtgirfzv.gif)



### Thank you!
Thanks to the busy team for being awesome to work with and always giving great feedback:
@ekitcho, @fabien, @sekhmet, @gregory.latinier, @kpdesigns,

Also special thanks to all our contributors that have opened up issues and are currently testing all our new features, you guys have been a huge help in catching bugs. You guys have been a great asset in helping to improve busy.
@espoem

👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 36 others
properties (23)
authorjm90mm
permlinkmy-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month
categorybusy
json_metadata{"community":"busy","app":"busy/2.0.0","format":"markdown","tags":["busy","steemit","programming","javascript","utopian-io"],"users":["fabien","ekitcho","sekhmet","gregory.latinier","kpdesigns","espoem"],"links":["https://github.com/steemit/steem-js","https://github.com/steemit/steem-js/tree/master/doc#get-state","https://github.com/steemit/steem-js/tree/master/doc#get-account-history","https://github.com/busyorg/busy/tree/new-design/src/wallet"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184343/dd7fm6d9nxxph97ec3xz.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184431/hh7zwujhfnrqm59txlta.gif","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184473/tflapfk0kgbiovwwka5j.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1510184386/vygr55nei8ocvtgirfzv.gif"]}
created2017-11-08 23:41:36
last_update2017-11-08 23:41:36
depth0
children17
last_payout2017-11-15 23:41:36
cashout_time1969-12-31 23:59:59
total_payout_value53.994 HBD
curator_payout_value17.816 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,139
author_reputation6,703,389,694,751
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,821,707
net_rshares34,431,833,146,358
author_curate_reward""
vote details (100)
@andrejcibik ·
$0.13
I love the new wallet! 
Once busy has all important features (and dark theme maybe) Im switching completely. 
👍  ,
properties (23)
authorandrejcibik
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t120748697z
categorybusy
json_metadata{"tags":["busy"],"community":"busy","app":"busy/2.0.0"}
created2017-11-09 12:07:54
last_update2017-11-09 12:07:54
depth1
children1
last_payout2017-11-16 12:07:54
cashout_time1969-12-31 23:59:59
total_payout_value0.098 HBD
curator_payout_value0.031 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length109
author_reputation30,106,021,348,653
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,861,833
net_rshares60,789,265,380
author_curate_reward""
vote details (2)
@ecoman1 ·
mi too but how can i  transfer from wallet
properties (22)
authorecoman1
permlinkre-andrejcibik-re-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171121t142125256z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2017-11-21 14:21:30
last_update2017-11-21 14:21:30
depth2
children0
last_payout2017-11-28 14:21:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation3,594,222,183
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id21,093,674
net_rshares0
@arcange ·
Congratulations @jm90mm!
Your post was mentioned in the [hit parade](https://steemit.com/hit-parade/@arcange/daily-hit-parade-for-newcomers-20171108) in the following category:

* Pending payout - Ranked 3 with $ 60,22
properties (22)
authorarcange
permlinkre-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171108t171024000z
categorybusy
json_metadata""
created2017-11-09 16:10:24
last_update2017-11-09 16:10:24
depth1
children0
last_payout2017-11-16 16:10:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length219
author_reputation1,148,349,221,690,653
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,880,549
net_rshares0
@bitgeek ·
comment
Congratulations @jm90mm, this post is the fifth most rewarded post (based on pending payouts) in the last 12 hours written by a Dust account holder (accounts that hold between 0 and 0.01 Mega Vests). The total number of posts by Dust account holders during this period was 2003 and the total pending payments to posts in this category was $233.40. To see the full list of highest paid posts across all accounts categories, [click here](www.steemit.com/steemit/@bitgeek/payout-stats-report-for-9th-november-2017--part-ii). 

If you do not wish to receive these messages in future, please reply stop to this comment.
👍  
properties (23)
authorbitgeek
permlinkre-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t071738
categorybusy
json_metadata""
created2017-11-09 07:17:39
last_update2017-11-09 07:17:39
depth1
children0
last_payout2017-11-16 07:17:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length615
author_reputation13,049,044,453,787
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,845,372
net_rshares370,754,183
author_curate_reward""
vote details (1)
@fabien ·
$0.09
Nice report! Can't wait for activity page :)
👍  
properties (23)
authorfabien
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t050209654z
categorybusy
json_metadata{"tags":["busy"],"community":"busy","app":"busy/2.0.0"}
created2017-11-09 05:02:12
last_update2017-11-09 05:02:12
depth1
children0
last_payout2017-11-16 05:02:12
cashout_time1969-12-31 23:59:59
total_payout_value0.067 HBD
curator_payout_value0.022 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length44
author_reputation16,649,367,183,999
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,838,154
net_rshares42,402,155,076
author_curate_reward""
vote details (1)
@fahmirt ·
please help my restemed vote
properties (22)
authorfahmirt
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20180217t161748032z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2018-02-17 16:17:45
last_update2018-02-17 16:17:45
depth1
children0
last_payout2018-02-24 16:17:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length28
author_reputation15,005,405,225
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,292,540
net_rshares0
@hafiz34 ·
$0.09
You did some good work in busy. i am a regular busy users. The activity tab looks nice. Can't wait to see it's implementation in busy.
👍  
properties (23)
authorhafiz34
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t051742631z
categorybusy
json_metadata{"tags":["busy"],"community":"busy","app":"busy/2.0.0"}
created2017-11-09 05:17:45
last_update2017-11-09 05:17:45
depth1
children0
last_payout2017-11-16 05:17:45
cashout_time1969-12-31 23:59:59
total_payout_value0.066 HBD
curator_payout_value0.021 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length134
author_reputation119,231,293,247,571
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,838,972
net_rshares41,509,478,127
author_curate_reward""
vote details (1)
@hamidi103 ·
good morning steemean friends ...
introduce me newcomer .. please help in developing this pogram ... help my vote
properties (22)
authorhamidi103
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20180205t024419487z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2018-02-05 02:44:54
last_update2018-02-05 02:44:54
depth1
children0
last_payout2018-02-12 02:44:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length113
author_reputation3,169,070,286,797
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id35,033,166
net_rshares0
@heimindanger ·
Really nice job! Loving what busy is becoming, actually using it for my posts now !

GJ to @fabien for the bot as well :D
properties (22)
authorheimindanger
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t162744592z
categorybusy
json_metadata{"tags":["busy"],"users":["fabien"],"app":"steemit/0.1"}
created2017-11-09 16:27:45
last_update2017-11-09 16:27:45
depth1
children1
last_payout2017-11-16 16:27:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length121
author_reputation-16,507,408,909,111
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,881,856
net_rshares0
@ekitcho ·
$0.22
thanks for your support! Busy support dTube as well
👍  , ,
properties (23)
authorekitcho
permlinkre-heimindanger-re-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171110t000311535z
categorybusy
json_metadata{"tags":["busy"],"community":"busy","app":"busy/2.0.0"}
created2017-11-10 00:03:12
last_update2017-11-10 00:03:12
depth2
children0
last_payout2017-11-17 00:03:12
cashout_time1969-12-31 23:59:59
total_payout_value0.166 HBD
curator_payout_value0.054 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length51
author_reputation9,913,026,260,616
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,910,459
net_rshares104,637,348,192
author_curate_reward""
vote details (3)
@isaideureka · (edited)
Activity page, WOW . ..
Awesome
properties (22)
authorisaideureka
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171110t012004261z
categorybusy
json_metadata{"tags":["busy"],"community":"busy","app":"busy/2.0.0"}
created2017-11-10 01:20:15
last_update2017-11-10 01:21:42
depth1
children0
last_payout2017-11-17 01:20:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length31
author_reputation4,910,633,803,112
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,914,621
net_rshares0
@kpdesigns ·
Great article @jm90mm
👍  
properties (23)
authorkpdesigns
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t024412970z
categorybusy
json_metadata{"tags":["busy"],"community":"busy","app":"busy/2.0.0"}
created2017-11-09 02:46:51
last_update2017-11-09 02:46:51
depth1
children0
last_payout2017-11-16 02:46:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length21
author_reputation565,577,422,634
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,831,334
net_rshares0
author_curate_reward""
vote details (1)
@mdo ·
Okay! That's interesting
 your post resteemed!
👍  ,
properties (23)
authormdo
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t150752498z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2017-11-09 15:07:54
last_update2017-11-09 15:07:54
depth1
children1
last_payout2017-11-16 15:07:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length46
author_reputation-532,881,989,806
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,875,394
net_rshares5,312,399,400
author_curate_reward""
vote details (2)
@jm90mm ·
Thanks! :D
properties (22)
authorjm90mm
permlinkre-mdo-re-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t154546806z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2017-11-09 15:45:42
last_update2017-11-09 15:45:42
depth2
children0
last_payout2017-11-16 15:45:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length10
author_reputation6,703,389,694,751
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,878,614
net_rshares0
@mdrakib ·
Thanks for the post and I want to work with busy. How can I do?
properties (22)
authormdrakib
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171213t022000213z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2017-12-13 02:20:06
last_update2017-12-13 02:20:06
depth1
children0
last_payout2017-12-20 02:20:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length63
author_reputation18,589,772,637
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,310,367
net_rshares0
@mooncryption ·
$0.11
Wow, you've done a lot of good work! Can't wait for new features.
👍  ,
properties (23)
authormooncryption
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t044219708z
categorybusy
json_metadata{"tags":["busy"],"app":"steemit/0.1"}
created2017-11-09 04:42:18
last_update2017-11-09 04:42:18
depth1
children0
last_payout2017-11-16 04:42:18
cashout_time1969-12-31 23:59:59
total_payout_value0.091 HBD
curator_payout_value0.020 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length65
author_reputation15,427,543,916,099
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,837,176
net_rshares53,584,608,997
author_curate_reward""
vote details (2)
@utopian-io ·
### Hey @jm90mm I am @utopian-io. I have just super-voted you at 22% Power!
#### Suggestions https://utopian.io/rules
-Your contribution is less informative than others in this category.
#### Achievements
-I am a bot...I love developers... <3
-You have less than 250 followers. Just gave you a gift ;)
-This is your first accepted contribution here in Utopian. Welcome!
**Up-vote this comment to grow my power and help Open Source contributions like this one.**
👍  
properties (23)
authorutopian-io
permlinkre-jm90mm-my-first-month-at-busy-adding-the-wallet-page-and-whats-upcoming-for-this-month-20171109t141636150z
categorybusy
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2017-11-09 14:16:36
last_update2017-11-09 14:16:36
depth1
children0
last_payout2017-11-16 14:16:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length461
author_reputation152,955,367,999,756
root_title"My First Month at Busy: Adding the Wallet Page & Whats Upcoming for this month"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,871,452
net_rshares0
author_curate_reward""
vote details (1)