Load the suggested nodes list as early as possible, when the Root
container first mounts. Ensure that we display nothing when node list
was not loaded.
Fix#943
- update the color palette to reflect the latest designs.
- use theme agnostic color names for background colors.
- remove unused colors from the color palette.
- remove some unused styles.
Use https://www.npmjs.com/package/styled-reset to apply css resets and
move all global styles to the GlobalStyle component.
Update general styles inline with design design work.
Refactor Containers and Routes in order to make the code a little more
readable, reduce duplication, and prepare the codebase for integration
of the new Home screen.
- Break out the Root container into several smaller containers that are
responsible for connecting themselves to the Redux store.
- Use routing for navigation between primary containers
- Unbundle the `Syncing` Component from the Onboarding section and hook
up to router so that it can be access by navigating to `/syncing' (we
want to be able to load existing wallets and initiate syncing outside of
the context of the onboarding process)
- Reduce code duplication
- Create `TitleBar` component and implement once at the top level
- Create `withLoading` HOC and use to display the loading screen when
needed.
Several of our elements were missing z-index property, causing them to
display incorrectly in the app.
Ensure that we import styles/variables.scss before attempting to use
the z() helper function that it provides.
This update uses a function to apply the z-index in each .scss file.
The function needs to iterate over a map of z-index values, so all of
the z-indexes end up in a single list and can be tracked more easily.
This allows us to manage all z-index values in a single location.
If we are unable to load the suggested nodes list, display a message
prompting the user to open channels.
Previously we would show an infinite spinner.
Fix#392
If the total channel balance is zero, do not show the channel balance at
the top of the network view as the zero doesn't convey any useful
information and looks strange.
Rather than using relative paths for css imports - which can break when
we move files around - add our styles path to the webpack sass-loader
loader using the `includePaths` setting.
fix(multi-lang): switch ticker to settings store
fix(tests): pass all tests
fix(fiat): switch from usd to fiat
fix(settings): fix console errors
fix(settings): make styles consistent
fix(tests): remove unneeded mocks
fix(payform): call satoshisToFiat now
fix(network): rebase + fix network fiat amt
React v16.x reports errors when using boolean operators for conditional
classnames and requires that you instead use ternary style conditional
clauses.
White on yellow presents accessibility challenges and should be avoided.
Change the white on yellow used in highlighted buttons for a darker
colour against the yellow background.
Fix#356