[Steem Gigs] Add Wallet to Steem Gigs

Repositories

https://github.com/steemgigs/steemgigs

https://github.com/steemgigs/steemgigsServer

Introduction

The following post briefly describes some of the work I recently carried out for Steem Gigs, the main feature I added was a wallet to Steem Gigs. I completed this work nearly 2 weeks ago, however, unfortunately, I haven't had the time to post about it yet.

Pull Request

The following pull requests are related to the work carried out:

Description	Link
Main Wallet - Front End	https://github.com/steemgigs/steemgigs/pull/139
Bug Fixes to Wallet - Front End	https://github.com/steemgigs/steemgigs/pull/146
Main Wallet - API	https://github.com/steemgigs/steemgigsServer/pull/9

The site is live at the following URL:

https://steemgigs.org/

New Features/Improvements

The main feature added within this release was the wallet, the following breaks this down in the front end and API work completed, let's get started how the wallet currently looks:

There are two mains sections to the overall wallet, first, there is the balances area that features the following:

1. Steem
2. Steem Power
3. SBD
4. Teardrops

When you access your own wallet you're presented with a few different actions depending on the currency you choose, these include:

• Steem - Power up, buy, sell & transfer
• Steem Power - None (Power Down
  Coming Soon)
• SBD - Buy & Sell
• Teardrops - Transfer, Buy & Sell

The following shows the options available for Teardrops:

Focussing on Steem, when you select the power up option you're presented with a modal as shown here:

The power-up modal will allow you to enter the amount you wish to power up, upon submission of the amount you'll be redirected to SteemConnect to complete the transaction.

When you select to transfer on either Steem, SBD or Teardrops you will be presented with the following modal:

This modal allows you to configure the receiver, the amount, the currency and the memo for the transaction, dependent on the currency you select there are two different outcomes. In the event you select Steem or SBD you will be sent to SteemConnect to complete a transfer transaction, if you select Teardrops you'll be sent to SteemConnect to complete a custom_json transaction. As the majority of the site uses SteemConnect for transfers this seemed like the logical choice, however, a keychain integration could make the process of transferring Teardrops more seamless.

As seen below, there is another section the wallet that shows the transfers a particular user has made:

This section combines transactions that were made both on Steem and using Steem Engine, this allows both different types of transactions within a single feed, this was important because we wanted to show both transactions that were made using Steem, SBD & Teardrops. Taking a look at the API that powers this section we can see that there are two promises that take place, first we gather the Steem related transactions as seen here:

Next, we gather the Teardrops transactions as shown here:

This is brought together in the following:

In the above, you can see that after the data has been gathered we take that the information that is required in the response, combine the two sets of transactions and then sort it with lodash.

Although the above will work for a large majority of users it does have some limitations, this is currently due to the fixed amount of transactions set within the get Steem transactions promise.

Currently, there is a limit of 3000 passed into the getAccountHistory. Within the response from getAccountHistory there will be items such as votes, transfers, custom_json, etc. Once we receive a response we filter it down to just transfers, however, this means that users who have large amounts of votes will not see all of their transfers should they be outside of the 3000 fixed limit. In a future release I could improve this by iterating through for a certain time period or set number of transactions that are type transfer, however for the initial wallet it was agreed that this would be suitable (transactions weren't a requirement for the first phase ;))

What's Next?

Although I will be taking a short break from Steem Gigs due to a vacation, when I return I will continue to help improve the site and overall implement new features that @surpassinggoogle brings, the next work will surround the Teardrops landing page, however if I have time I might be able to get something quick up before I go ;)

GitHub Account

A link to my GitHub account can be found here:

https://github.com/tobias-g1