Implement tests for react components (using jest)

• Create new text
• Add text to the website

Deadline - 2017-11-17

Looks like index.html of react.js app is cached by the browser
It should not be cached at all - so that we will be able to provide smooth updates
https://stackoverflow.com/questions/34851243/how-to-make-index-html-not-to-cache-when-the-site-contents-are-changes-in-angula

Also, in production, we will set correct headers for nginx

Need to fix UI texts:
https://github.com/jibrelnetwork/jwallet-web/blob/feature/i18n/i18n/en.js

We change in the list on the left "Currencies" to "My Digital Assets"
Need also to change all related strings

• Read all string
• make list of changes
• implement changes

• open assets manager
• click checkbox of a token
• checkbox of next token in the list will be checked/unchecked

Would be a good to have CLEAR ALL and SELECT all for the token selection menu.

possibly to Heroku

I think worth to have some buttons to show/hide mnemonic addresses in Keys Manager modal.
So I suggest to make three options:

• show more
• show less
• show just one (that active now)

Currently they contain a lot of constants, action creators, reducers etc (hard to read and maintain), need to split them.

We have only main net and ropsten nodes for now
Remove all others networks

Clean SetNewPassword modal data after successful password changing

Storybook is out of date now.

Number of components are growing.
There are some components that used only inside of some another. So I think better to place first component as subfolder of the second one.

Integrate the langing page into the app
http://marinin.org/j/landing/

We need to mark app as Alpha version.
For example, we can add Alpha icon to the Logo

TODO items:

• Create mockups
• Add new visuals to the website

• Use flow
• Add flow coverage

using probably this - https://github.com/sunnylqm/react-native-storage

• Buttons "Create new keys" and "Import keys". Remove shadows, icons top:14px;left:24px; keystore-buttons__delimiter {opacity:0.3;}
• Change old icons on the popups and on the no-transaction screen
• Create new key. Add checkbox and blue borders for confirm password field
• Keys manager. Use style like token manager table. Label - opacity 0.5. Links new keys and import keys margin-right: 40px. Checkbox circle size 6px x 6px.
• Popovers. .popover--account-manager, .popover--keystore-manager {padding:20px 250px;} .popover__item {margin-bottom:12px;}
• Incorrect logo size. Need 136px x 36px
• Token manager. No-tokens screen - use icon and text like no-transaction screen

The first impression from jWallet will be weird because of the screen with buttons Create key / Import key.
https://xd.adobe.com/view/eb712d49-a329-4ac7-af5d-9e9442d67b4f/

We need to:

• completely remove this screen
• place these 2 buttons to the area with the list of transactions
  In this case, it will be more obvious for the user what app does.

TODO items:

• Create mockups - buttons in the TXs list area
• Rework jWallet UI - show buttons instead of list of transactions (if no keys known)
• Rework jWallet UI - do not show balances and other data tied to the addresses (if no keys known)

Integrate jibrel-contracts-api library

• create/import account modals
• keystore manager modal
• backup keystore modal
• derivation path modal
• new password modal
• ability to edit account name

I think it will be handier for users to see the list of tokens sorted by token`s symbol
Both in the menu on the left and in the Assets manager

Also sorting in Assets manager does not work (when you click on table header)

We need to move all text from UI to the separate file
Right now we need it to proofread it
In the future, we will use it to translate jwallet UI to other languages

Assets manager looks a little bit weird
Looks like alignment of header of the table is broken
All checkboxes should be aligned, names of columns should be aligned with column's content
@martinin What do you think?

We need to add all tokens from here https://etherscan.io/tokens

• hardcode addresses&names&symbols of all tokens. Just copy logos from etherscan
• add styling for the tokens

• Need to implement component for switching of blockchains.
• Setting of active token account on clicking of its address in transactions table
• Add empty screen for case when blockexplorer returns empty list/doesn't return ETH transactions
• Implement preloading of the image for empty table data

http://marinin.org/j/landing/

Icons in the top right corner - cross and menu.
Looks like in the version for mobiles "menu" and "close" icons are swapped.
"Cross" should be displayed when the menu is opened.
"Menu" should be displayed when the menu is closed

I'm not satisfied with current notification that this is alpha version of jWallet :)
We still have many bugs, we need to make the audit of keystore encryption.
People should understand that this is alpha version of the wallet, not just the grey word "alpha" near the logo...
We should not take such big risks...

We can implement popup window that appears every time user opens the app...
With the text like: "This is alpha version of jWallet..."

Another idea:
We need permanent notification for the issue #58
We need temporary notification that this is alpha version
Maybe we start to use notification bar?
https://uigarage.net/wp-content/uploads/2015/11/tumblr_nxfz72i3Ou1ul8y65o1_1280-1-1.jpg

http://marinin.org/j/landing/

• What is jWallet?
  The jWallet makes it easy and safe to store and transfer value of any tokens – anywhere, anytime, anyplace

• What makes it safe?
  All the keys are encoded and stored only on user’s device. jWallet also has an open code, which allows community and developers to control the safety of all operations

• Who is behind jWallet?
  Jibrel Network. It is the platform which provides traditional financial assets, such as currencies, bonds, commodities and securities, as standard ERC-20 tokens on the ethereum blockchain.
  We also create different kind of products on blockchain.
  In the longer-term we aim to fully automate and decentralize consumer banking.

• How do I get started?
  Follow instructions, they will not mislead. You are going to create your own key for managing your assets. After that you will find yourself in the system which is very similar to any kind of internet-banking.

• Is it free?
  Yes, jWallet is free to use. And will always be.

http://marinin.org/j/landing/

Images "AppStore"&"Google Play" will confuse people, they will try to click it.
We do not have mobile apps yet.
Need to mark links to Apple Store & Google market as "Coming soon"

Now it is only working with components (JS & CSS), but not for reducers & sagas.

https://github.com/jibrelnetwork/jwallet-web/blob/c79875720ab22bfa65f4bee6051388d802ecb14e/src/utils/tokens/main.js

• Write list of changes in token names
• Add changes to the code

http://marinin.org/j/landing/

The first block on the landing page.

• Change "United Stated dollar" to "United States Dollar (USD)"
• Add more tokens to the list (popular tokens like OmiseGO GOLEM etc.)

the jWallet is preconfigured to be compatible with over 1,000 token types, straight of the box, no configuration necessary
The jWallet is preconfigured to be compatible with all Ethereum tokens and Ethereum itself, straight out of the box, no configuration necessary

the web version of the jWallet works across devices, with native iOS and Android versions coming soon
The web version of the jWallet works across devices, with native iOS and Android versions coming soon
( the first letter is capital)

http://marinin.org/j/landing/

Stocked and ready to go
the jWallet is preconfigured to be compatible with over 1,000 token types, straight of the box, no configuration necessary

Bring your own token
Want to add a token that isn't listed or public yet? Add your own, in under five seconds

Private keys never leave your device
All key, user and transaction data is stored locally on your device. Ensuring you take full advantage of the security and anonymity of crypto

Institutional-grade tracking tools
See your transaction history, total value summaries and other traditional banking features you've grown accustomed to

Multi-device support
the web version of the jWallet works across devices, with native iOS and Android versions coming soon

There is only one error: 'Password is too weak'. Need to make more specific errors to explain to user what he missed.

Creating production build...
Failed to compile.

Failed to minify the code from this file:

./node_modules/jwallet-web-keystore/lib/Keystore.js line 43:47

Read more here: http://bit.ly/2tRViJ9

We need a some component for forms, that will allow to hide/show some content.
I suggest to make it as Parent component, and pass to it "expandable" content as a children.
For example, like this:

<Expandable>
  <SomeAwesomeContent />
</Expandable>

So, this component will add on page "+ Custom options" and show hidden content on click of it.

Currently it is impossible, and user must reload page and go from the start.

If you try to sort tokens in Assets manager (name/symbol) - sorting is case sensitive
It would be much more convenient to use it if the algorithm is case insensitive

http://marinin.org/j/landing/

ETH and most of the tokens have 18 numbers after the dot.
We need to show it somehow
We can use these names:

• kwei/ada
• mwei/babbage
• gwei/shannon
• szabo
• finney
• ether
• kether/grand/einstein
• mether
• gether
• tether

And show the full number in the tooltip

We need to granularly control list of user settings stored in local storage.
https://github.com/jibrelnetwork/jwallet-web-keystore is a perfect example of such lib

• Agree on list of settings that should be persisted between sessions
• Implement lib which will store all this info

Stored data:

• version of the storage
• list of "selected" tokens - tokens that are shown in the left menu. Just list of addresses (jwallet code has all other info)

In future we will add the following:

• "favorite" addresses (recipients) with names
• list of used custom nodes
• etc.

Show in the menu on the left only limited set of tokens
All other tokens are still hardcoded and user will be able to enable them in the Assets manager

• decide which tokens should be enabled by default
• mark all remaining tokens as not enabled by default

We need to move the texts to the separate files:

• to proofread texts before the release
• to be able to translate jWallet to the other languages (in future)