+
+
-
- {' '}
- {child}
- {' '}
-
- );
-};
-
-export default Renderer;
diff --git a/src/components/header/countDownTemplate.test.js b/src/components/header/countDownTemplate.test.js
deleted file mode 100644
index 3f959f4d6c..0000000000
--- a/src/components/header/countDownTemplate.test.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import CountDownTemplate from './countDownTemplate';
-
-describe('countDownTemplate', () => {
- let wrapper;
- const Child = props => (
- {renderComponent} );
- }
-}
-export default CustomCountDown;
diff --git a/src/components/header/customCountDown.test.js b/src/components/header/customCountDown.test.js
deleted file mode 100644
index 98342fe550..0000000000
--- a/src/components/header/customCountDown.test.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import { spy } from 'sinon';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import CustomCountDown from './customCountDown';
-
-describe('customCountDown', () => {
- let wrapper;
-
- beforeEach(() => {
- const propsMock = {
- minutes: 10,
- seconds: 25,
- autoLog: true,
- resetTimer: spy(),
- setActiveDialog: () => {},
- t: key => key,
- history: {
- replace: () => {},
- },
- closeDialog: () => {},
- };
- wrapper = mount(
-
- );
- }
-}
-
-
-export default Header;
diff --git a/src/components/header/header.test.js b/src/components/header/header.test.js
deleted file mode 100644
index 14640e31fb..0000000000
--- a/src/components/header/header.test.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { MemoryRouter as Router } from 'react-router-dom';
-import { mount } from 'enzyme';
-import configureMockStore from 'redux-mock-store';
-import PropTypes from 'prop-types';
-import sinon from 'sinon';
-import Header from './header';
-import i18n from '../../i18n';
-import routes from '../../constants/routes';
-import accounts from '../../../test/constants/accounts';
-
-describe('Header', () => {
- let wrapper;
- const mountWithRouter = (node, options) => mount({node} , options);
- const storeObject = {
- peers: { liskAPIClient: {}, options: {} },
- account: {
- info: {},
- },
- liskAPIClientSet: () => {},
- search: {
- suggestions: {
- delegates: [],
- addresses: [],
- transactions: [],
- },
- },
- };
- const mockInputProps = {
- setActiveDialog: () => { },
- resetTimer: sinon.spy(),
- logOut: sinon.spy(),
- history: { replace: sinon.spy() },
- account: { address: accounts.genesis.address },
- t: key => key,
- location: { pathname: `${routes.search}` },
- isAuthenticated: false,
- removePassphrase: sinon.spy(),
- };
-
- const history = {
- location: { pathname: `${routes.search}` },
- replace: sinon.spy(),
- createHref: sinon.spy(),
- push: sinon.spy(),
- };
-
- const store = configureMockStore([])(storeObject);
- const options = {
- context: {
- store, history, i18n, router: { route: history, history },
- },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- history: PropTypes.object.isRequired,
- i18n: PropTypes.object.isRequired,
- router: PropTypes.object.isRequired,
- },
- };
-
- it('renders 1 Link component if not logged in', () => {
- wrapper = mountWithRouter(
-
-
- );
- }
-}
-
-export default MainMenu;
diff --git a/src/components/mainMenu/mainMenu.test.js b/src/components/mainMenu/mainMenu.test.js
deleted file mode 100644
index 2a679c8aae..0000000000
--- a/src/components/mainMenu/mainMenu.test.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import { Tab, Tabs as ToolboxTabs } from 'react-toolbox';
-import { MemoryRouter } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import sinon from 'sinon';
-import PropTypes from 'prop-types';
-import i18n from '../../i18n';
-import MainMenu from './mainMenu';
-import routes from '../../constants/routes';
-
-describe('MainMenu', () => {
- // Mocking store
- const peers = {
- status: {
- online: false,
- },
- data: {
- currentPeer: 'localhost',
- port: 4000,
- options: {
- name: 'Custom Node',
- },
- },
- };
- const account = {
- isDelegate: false,
- address: '16313739661670634666L',
- username: 'lisk-hub',
- };
- const store = configureMockStore([])({
- peers,
- account,
- liskAPIClientSet: () => {},
- settings: {
- autoLog: true,
- advancedMode: true,
- },
- });
-
- const history = {
- location: {
- pathname: `${routes.delegates.path}`,
- },
- push: sinon.spy(),
- };
-
-
- const options = {
- context: { store, history, i18n },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- history: PropTypes.object.isRequired,
- i18n: PropTypes.object.isRequired,
- },
- lifecycleExperimental: true,
- };
- let clock;
-
- const t = key => key;
-
- const props = {
- showDelegate: false,
- t,
- account,
- store,
- history,
- feedbackDialogDisplayed: sinon.spy(),
- };
-
- beforeEach(() => {
- clock = sinon.useFakeTimers({
- toFake: ['setTimeout', 'clearTimeout', 'Date', 'setInterval'],
- });
- });
-
- afterEach(() => {
- clock.restore();
- });
-
- it('should render react toolbox Tabs component', () => {
- const wrapper = mount(
- , options);
- expect(wrapper.find(ToolboxTabs).exists()).to.equal(true);
- });
-
- it('should render 4 Button components if props.showDelegate', () => {
- const wrapper = mount(
- , options);
- expect(wrapper.find(Tab)).to.have.lengthOf(4);
- });
-
- it('should render 3 menu item components if !props.isDelegate', () => {
- const wrapper = mount(
- , options);
- expect(wrapper.find(Tab)).to.have.lengthOf(3);
- });
-
- it('should all Tab be disabled except Dashboard and if !props.account.address', () => {
- const wrapper = mount(
- , options);
- expect(wrapper.find(Tab).at(0).props().disabled).not.to.be.equal(true);
- expect(wrapper.find(Tab).at(1).props().disabled).to.be.equal(true);
- expect(wrapper.find(Tab).at(2).props().disabled).to.be.equal(true);
- });
-
- it('should allow to change active menu item', () => {
- const wrapper = mount(
- , options);
-
- expect(wrapper).to.not.have.descendants('#feedback');
- wrapper.find(Tab).at(1).simulate('click');
- expect(history.push).to.have.been.calledWith(`${routes.wallet.path}`);
- });
-
- it('should click on more activate the drawer', () => {
- const wrapper = mount(
- , options);
- wrapper.find('.menu-button').simulate('click');
- clock.tick(100);
- wrapper.update();
- expect(wrapper.find('Drawer').props().active).to.be.equal(true);
- });
-});
diff --git a/src/components/menuBar/index.js b/src/components/menuBar/index.js
deleted file mode 100644
index f4768b2928..0000000000
--- a/src/components/menuBar/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router';
-import { translate } from 'react-i18next';
-import MenuBar from './menuBar';
-
-const mapStateToProps = state => ({
- isDelegate: state.account.isDelegate,
-});
-
-export default withRouter(connect(mapStateToProps)(translate()(MenuBar)));
diff --git a/src/components/menuBar/menuBar.css b/src/components/menuBar/menuBar.css
deleted file mode 100644
index 360eba9e9c..0000000000
--- a/src/components/menuBar/menuBar.css
+++ /dev/null
@@ -1,78 +0,0 @@
-@import '../app/variables.css';
-
-:root {
- --menu-bar-padding: 20px;
- --menu-bar-font-size-m: 24px;
- --menu-bar-font-size-s: 18px;
-}
-
-.menuBar {
- display: none;
- z-index: 100 !important;
-}
-
-.openMenu {
- z-index: 1000 !important;
- box-shadow: none !important;
-}
-
-.icon {
- font-size: 25px !important;
- margin-top: 2px;
- margin-left: 5px;
-
- &.goBack {
- margin-left: -5px;
- }
-}
-
-@media (--medium-viewport) {
- .menuBar {
- position: fixed;
- display: flex;
- height: var(--m-menu-bar-height);
- width: 100%;
- bottom: 0;
- left: 0;
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 -2px 24px 0 rgba(0, 0, 0, 0.24);
- font-weight: bold;
- font-size: var(--menu-bar-font-size-m);
- font-family: var(--heading-font);
- background-color: var(--color-white);
- flex-direction: row-reverse;
- justify-content: space-between;
- }
-
- .menuButton {
- display: flex;
- padding: var(--menu-bar-padding);
- cursor: pointer;
- user-select: none;
-
- & > * {
- font-size: inherit;
- vertical-align: middle;
- }
- }
-}
-
-@media (--small-viewport) {
- .menuBar {
- height: var(--s-menu-bar-height);
- font-size: var(--menu-bar-font-size-s);
- }
-
- .setting {
- display: none;
- }
-
- .icon {
- margin-top: -2px;
- }
-}
-
-@media (--xSmall-viewport) {
- .setting {
- display: flex;
- }
-}
diff --git a/src/components/menuBar/menuBar.js b/src/components/menuBar/menuBar.js
deleted file mode 100644
index 297265a0c9..0000000000
--- a/src/components/menuBar/menuBar.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import { FontIcon } from '../fontIcon';
-import styles from './menuBar.css';
-
-const MenuBar = (props) => {
- const { t, menuStatus, menuToggle } = props;
- const menuClass = menuStatus ? styles.openMenu : '';
- return (
-
- {!menuStatus
- ? (
- menuToggle()}
- >
- {t('Menu')}
-
- );
-};
-
-export default MenuBar;
diff --git a/src/components/menuBar/menuBar.test.js b/src/components/menuBar/menuBar.test.js
deleted file mode 100644
index e3edde0492..0000000000
--- a/src/components/menuBar/menuBar.test.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import MenuBar from './menuBar';
-
-describe('MenuBar', () => {
- let wrapper;
- const props = {
- t: key => key,
- menuStatus: false,
- settingStatus: false,
- };
-
- props.menuToggle = () => { props.menuStatus = !props.menuStatus; };
-
- /**
- * Clicks on the given element in Component
- * then updates the component
- *
- * @param {String} selector - Valid css selector
- */
- const clickAndUpdate = (selector) => {
- wrapper.find(selector).simulate('click');
- wrapper = mount(
- );
- });
-
- it('should mount its children', () => {
- expect(wrapper.find('.child')).to.have.lengthOf(2);
- });
-
- it('should run Parallax on its children', () => {
- const child0Html = wrapper.find('.child').at(0).html();
- const child1Html = wrapper.find('.child').at(1).html();
- expect(child0Html).to.include('transform: translate3d');
- expect(child1Html).to.include('transform: translate3d');
- });
-});
diff --git a/src/components/parallax/options.js b/src/components/parallax/options.js
deleted file mode 100644
index 6cca7f176c..0000000000
--- a/src/components/parallax/options.js
+++ /dev/null
@@ -1,22 +0,0 @@
-export default [
- 'relativeInput',
- 'clipRelativeInput',
- 'hoverOnly',
- 'inputElement',
- 'calibrateX',
- 'calibrateY',
- 'invertX',
- 'invertY',
- 'limitX',
- 'limitY',
- 'scalarX',
- 'scalarY',
- 'frictionX',
- 'frictionY',
- 'originX',
- 'originY',
- 'precision',
- 'selector',
- 'pointerEvents',
- 'onReady',
-];
diff --git a/src/components/passphraseInput/index.js b/src/components/passphraseInput/index.js
deleted file mode 100644
index a0130c1987..0000000000
--- a/src/components/passphraseInput/index.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import { translate } from 'react-i18next';
-import React from 'react';
-import grid from 'flexboxgrid/dist/flexboxgrid.css';
-import { FontIcon } from '../fontIcon';
-import ToolBoxInput from '../toolbox/inputs/toolBoxInput';
-import { isValidPassphrase, getPassphraseValidationErrors } from '../../utils/passphrase';
-import styles from './passphraseInput.css';
-import keyCodes from '../../constants/keyCodes';
-import Piwik from '../../utils/piwik';
-
-class PassphraseInput extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- inputType: 'password',
- isFocused: this.props.isFocused || false,
- partialPassphraseError: [],
- focus: 0,
- };
- }
-
- setFocusedField(field) {
- this.setState({ focus: field });
- }
-
- handleValueChange(index, value) { // eslint-disable-line max-statements
- let insertedValue = value.trim().replace(/\W+/g, ' ');
- const insertedValueAsArray = insertedValue.split(' ');
- let passphrase = this.props.value.split(' ');
-
- if (insertedValueAsArray.length > 1) {
- for (let i = 0; i < 12; i++) {
- if (insertedValueAsArray[i]) {
- passphrase[i] = insertedValueAsArray[i];
- this.setState({ focus: i });
- }
- }
- insertedValue = insertedValueAsArray[index];
- }
-
- passphrase[index] = insertedValue;
- passphrase = passphrase.join(' ');
-
- let error;
-
- this.setState({ partialPassphraseError: [] });
- if (!passphrase) {
- error = this.props.t('Required');
- } else if (!isValidPassphrase(passphrase)) {
- error = this.getPassphraseValidationError(passphrase);
- }
- this.props.onChange(passphrase, error);
- }
-
- // eslint-disable-next-line class-methods-use-this
- getPassphraseValidationError(passphrase) {
- const { partialPassphraseError, validationError } = getPassphraseValidationErrors(passphrase);
- this.setState({ partialPassphraseError });
-
- return validationError;
- }
-
- toggleInputType() {
- Piwik.trackingEvent('PassphraseInput', 'button', 'Toggle input type');
- this.setState({ inputType: this.state.inputType === 'password' ? 'text' : 'password' });
- }
-
- keyAction({ event, value, index }) {
- if (event.which === keyCodes.space || event.which === keyCodes.arrowRight) {
- event.preventDefault();
- this.setState({ focus: index + 1 });
- }
-
- if ((event.which === keyCodes.delete && !value) || event.which === keyCodes.arrowLeft) {
- this.setState({ focus: index - 1 });
- }
- }
-
- setFocused() {
- Piwik.trackingEvent('PassphraseInput', 'button', 'Set focused');
- if (this.props.onFocus) this.props.onFocus();
- this.setState({ isFocused: true });
- }
-
- focusAndPaste(value) {
- this.setFocused();
- this.handleValueChange(0, value);
- }
-
- render() {
- const propsColumns = this.props.columns;
- const xs = `col-xs-${propsColumns && propsColumns.xs ? propsColumns.xs : '6'}`;
- const sm = `col-sm-${propsColumns && propsColumns.sm ? propsColumns.sm : '2'}`;
- const md = `col-md-${propsColumns && propsColumns.md ? propsColumns.md : '2'}`;
-
- const value = this.props.value.split(' ');
- return (
-
- )
- );
- it('should render children components if user is authenticated', () => {
- const wrapper = isAuth(true);
- expect(wrapper.find(Private)).to.have.length(1);
- });
-
- it('should do not render children components if user is not authenticated', () => {
- const wrapper = isAuth(false);
- expect(wrapper.find(Private)).to.have.length(0);
- });
-});
diff --git a/src/components/privateWrapper/privateWrapper.js b/src/components/privateWrapper/privateWrapper.js
deleted file mode 100644
index 2904f87074..0000000000
--- a/src/components/privateWrapper/privateWrapper.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react';
-
-const PrivateWrapper = ({ isAuthenticated, children }) => (
- isAuthenticated && { children }
-);
-
-export default PrivateWrapper;
diff --git a/src/components/quickTips/index.css b/src/components/quickTips/index.css
deleted file mode 100644
index 1afce9d4bf..0000000000
--- a/src/components/quickTips/index.css
+++ /dev/null
@@ -1,119 +0,0 @@
-@import '../app/variables.css';
-@import '../app/variablesV2.css';
-
-.quickTips {
- height: 318px;
- margin: 0px 0px 20px;
- overflow: hidden;
- padding: 16px;
-}
-
-.footer {
- display: flex;
- justify-content: space-between;
- align-items: flex-end;
- padding: 0;
-
- & .goTo {
- color: var(--color-primary-standard);
- text-decoration: none;
- font-family: var(--content-font);
- font-weight: var(--font-weight-bold);
- font-size: var(--button-font-size-s);
- }
-}
-
-.header {
- margin-bottom: 25px;
-
- & > h2 {
- margin: 0;
- font-family: var(--content-font);
- font-weight: 600;
- font-size: 18px;
- }
-}
-
-.picture {
- position: absolute;
- right: 0;
- top: 0;
-}
-
-.descriptionRow {
- display: flex;
- justify-content: space-between;
- font-family: var(--content-font);
- height: 200px;
- font-size: 12px;
- font-weight: 500;
- color: var(--color-content-light);
-
- & .description {
- width: 279px;
- line-height: 1.5;
- overflow-y: auto;
- }
-}
-
-.steps {
- display: flex;
- color: var(--color-primary-standard);
- font-size: 12px;
- font-weight: 600;
- font-family: var(--content-font);
-
- & span {
- font-size: 12px;
- }
-
- & .previousStep {
- cursor: pointer;
- margin-right: 20px;
- }
-
- & .nextStep {
- cursor: pointer;
- margin-left: 20px;
- }
-
- & > div:nth-child(2) {
- color: var(--color-content-light);
- }
-}
-
-.disabled {
- pointer-events: none;
- color: var(--color-primary-light);
-}
-
-.quickTipBody {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- height: 100%;
-}
-
-@media (--large-viewport) {
- .picture {
- position: absolute;
- right: -80px;
- width: 50%;
-
- & img {
- width: 80%;
- }
- }
-}
-
-@media (--medium-viewport) {
- .quickTipBody {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
-
- .quickTips {
- min-height: 200px;
- }
-}
diff --git a/src/components/quickTips/index.js b/src/components/quickTips/index.js
deleted file mode 100644
index 49bed9a4cc..0000000000
--- a/src/components/quickTips/index.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import Box from '../box';
-import quickTips from '../../constants/quickTips';
-import { FontIcon } from '../fontIcon';
-import TransitionWrapper from '../toolbox/transitionWrapper';
-import Piwik from '../../utils/piwik';
-import styles from './index.css';
-
-class QuickTips extends React.Component {
- constructor() {
- super();
- this.state = {
- currentIndex: 0,
- };
- }
-
- nextStep() {
- Piwik.trackingEvent('QuickTips', 'button', 'Next step');
- const { currentIndex } = this.state;
- const nextIndex = currentIndex + 1;
-
- this.setState({ currentIndex: nextIndex });
- }
-
- previousStep() {
- Piwik.trackingEvent('QuickTips', 'button', 'Previous step');
- const { currentIndex } = this.state;
- const nextIndex = currentIndex - 1;
-
- this.setState({ currentIndex: nextIndex });
- }
-
- render() {
- const { currentIndex } = this.state;
- const slides = quickTips(this.props.t);
- const currentSlide = slides[currentIndex];
-
- return (
-
- {slides.map(slide => (
-
-
- ))
- }
- {slides.map(slide => (
-
-
- ))
- }
-
- );
- }
-}
-export default translate()(QuickTips);
diff --git a/src/components/quickTips/index.test.js b/src/components/quickTips/index.test.js
deleted file mode 100644
index 4664855c54..0000000000
--- a/src/components/quickTips/index.test.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import i18n from '../../i18n';
-import QuickTip from '.';
-
-describe('QuickTip', () => {
- let wrapper;
- let props;
-
- beforeEach(() => {
- props = {
- t: key => key,
- i18n,
- };
- wrapper = mount(
-
-
- , options,
- );
- });
-
- it('should render Autosuggest', () => {
- expect(wrapper).to.have.descendants('.search-bar-input');
- expect(wrapper).to.have.descendants('.autosuggest-input');
- expect(wrapper).to.have.descendants('.autosuggest-dropdown');
- });
-});
-
diff --git a/src/components/searchBar/searchBar.css b/src/components/searchBar/searchBar.css
deleted file mode 100644
index fb19e7a6ff..0000000000
--- a/src/components/searchBar/searchBar.css
+++ /dev/null
@@ -1,44 +0,0 @@
-@import './../app/variables.css';
-@import './../app/variablesV2.css';
-
-:root {
- --search-box-width-l: 589px; /* stylelint-disable-line */
- --search-box-width-xl: 558px;
- --search-box-font-size: 16px;
- --search-box-line-height: 56px;
- --sub-title-line-height: 26px;
- --search-box-selection-background: var(--color-primary-light);
-}
-
-.searchBar {
- width: 100%;
- max-width: var(--search-box-width-l);
- height: 36px;
- box-sizing: border-box;
- border-radius: var(--border-radius-standard);
- position: relative;
- background-color: var(--color-white);
- margin-left: 9px;
-
- &:focus {
- border: 1.5px inset #4e80f7;
- }
-}
-
-@media (--large-viewport) {
- .searchBar {
- margin: 0 64px;
- }
-}
-
-@media (--medium-viewport) {
- .searchBar {
- margin: 0 35px;
- }
-}
-
-@media (--small-viewport) {
- .searchBar {
- margin: 0 25px;
- }
-}
diff --git a/src/components/searchResult/keyAction.js b/src/components/searchResult/keyAction.js
deleted file mode 100644
index 41ec8fb9a7..0000000000
--- a/src/components/searchResult/keyAction.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import localJSONStorage from '../../utils/localJSONStorage';
-/* eslint-disable import/prefer-default-export */
-export const saveSearch = (searchTerm, id) => {
- if (searchTerm.length === 0) return;
- const validSearch = searchTerm.trim();
-
- const recent = localJSONStorage.get('searches', []);
-
- const searchObj = {
- searchTerm: validSearch,
- id,
- };
- const updated = [searchObj].concat(recent.filter(term => typeof term === 'object' && term.searchTerm !== validSearch)).slice(0, 3);
- localJSONStorage.set('searches', updated);
-};
diff --git a/src/components/searchResult/keyAction.test.js b/src/components/searchResult/keyAction.test.js
deleted file mode 100644
index 5c8b3108dd..0000000000
--- a/src/components/searchResult/keyAction.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { expect } from 'chai';
-import { saveSearch } from './keyAction';
-import localJSONStorage from '../../utils/localJSONStorage';
-
-describe('Search KeyAction', () => {
- const storage = {};
-
- beforeEach(() => {
- window.localStorage.getItem = key => (storage[key]);
- window.localStorage.setItem = (key, item) => { storage[key] = item; };
- });
-
- it('saves the last 3 searches without duplicates', () => {
- const testValues = [
- { id: '811299173602533L', searchTerm: '811299173602533L' },
- { id: '947273526752682L', searchTerm: '947273526752682L' },
- { id: '', searchTerm: '' },
- { id: '382923358293526L ', searchTerm: '382923358293526L ' },
- { id: '947273526752682L ', searchTerm: '947273526752682L' },
- ];
-
- const expectedOutcome = [
- { id: '947273526752682L ', searchTerm: '947273526752682L' },
- { id: '382923358293526L ', searchTerm: '382923358293526L' },
- { id: '811299173602533L', searchTerm: '811299173602533L' },
- ];
-
- testValues.forEach((searchObj) => {
- saveSearch(searchObj.searchTerm, searchObj.id);
- });
- expect(localJSONStorage.get('searches')).to.eql(expectedOutcome);
- });
-});
diff --git a/src/components/showMore/index.js b/src/components/showMore/index.js
deleted file mode 100644
index ca77232062..0000000000
--- a/src/components/showMore/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import styles from './showMore.css';
-
-const ShowMore = props => (
- { this.dropdownEl = ref; }}
- >
- {
- this.dropdownEl.open({ target: this.dropdownEl.inputNode.inputNode });
- }}
- value="arrow-down"
- />
-
- );
- }
-}
-
-export default themr('TBDropdown', theme)(ToolBoxDropdown);
diff --git a/src/components/toolbox/inputs/toolBoxInput.js b/src/components/toolbox/inputs/toolBoxInput.js
index e2e1c8d4fa..69706c78c9 100644
--- a/src/components/toolbox/inputs/toolBoxInput.js
+++ b/src/components/toolbox/inputs/toolBoxInput.js
@@ -7,11 +7,6 @@ const ToolBoxInput = props => (
{
- if (ref !== null && props.shouldfocus) {
- ref.focus();
- }
- }}
>
{props.children}
diff --git a/src/components/toolbox/sliderCheckbox/checkbox.css b/src/components/toolbox/sliderCheckbox/checkbox.css
deleted file mode 100644
index bee0906a75..0000000000
--- a/src/components/toolbox/sliderCheckbox/checkbox.css
+++ /dev/null
@@ -1,208 +0,0 @@
-@import '../../app/variables';
-
-:root {
- --action-button-bg: var(--gradient-action-orange);
- --secondary-button-bg: gray;
- --gradient-bg: linear-gradient(to right, #134381, #001e45);
- --element-width: 100%;
- --element-height: 62px;
- --element-height-small: 48px;
- --label-font-size: 16px;
- --icon-text-font: var(--heading-font);
-}
-
-.sliderInput {
- user-select: none;
- width: var(--element-width);
-
- & span,
- & label,
- & div {
- user-select: none;
- }
-
- & div {
- transition: all ease 300ms;
- width: calc(100% - calc(var(--element-height) / 2));
- height: 100%;
- position: relative;
- text-indent: calc(var(--element-height) / 3);
- flex-flow: row nowrap;
- font-weight: bold;
- text-align: center;
- display: flex;
-
- &::before {
- content: '';
- display: block;
- position: absolute;
- z-index: 1;
- background: linear-gradient(to right, rgba(19, 67, 129, 0), #001e45);
- height: inherit;
- right: 0;
- width: 100%;
- }
-
- & > span {
- text-indent: var(--element-height);
- flex: 0 auto;
- width: auto;
- font-size: var(--label-font-size);
- }
-
- & > span.arrows {
- display: block;
- text-indent: 0;
- height: 100%;
- overflow: hidden;
-
- & span {
- padding-left: 15px;
- font-size: 20px;
- }
- }
-
- & > span:not(.arrows) {
- word-break: keep-all;
- min-width: 200px;
- z-index: 2;
- position: relative;
-
- &::after,
- &::before {
- display: none !important;
- }
- }
- }
-
- & label {
- height: var(--element-height);
- line-height: var(--element-height);
- width: 100%;
- border-radius: calc(var(--element-height) / 2);
- background: var(--gradient-bg);
- color: var(--color-white);
- display: block;
- position: relative;
- cursor: grab;
- }
-
- & span.circle {
- position: absolute;
- width: var(--element-height);
- height: inherit;
- line-height: inherit;
- display: block;
- text-align: center;
- border-radius: 50%;
- top: 0;
- transition: all ease 300ms;
- background: var(--action-button-bg);
-
- & .text {
- font-size: var(--label-font-size);
- font-family: var(--icon-text-font);
- }
-
- &.button {
- left: 0;
- z-index: 3;
-
- &[style] {
- cursor: grabbing;
- transition: all ease 50ms;
-
- & + div {
- opacity: 0.5;
- }
- }
- }
-
- &.goal {
- background: var(--secondary-button-bg);
- right: 0;
- z-index: 2;
- font-family: var(--icon-text-font);
- }
-
- &.begin {
- background: var(--secondary-button-bg);
- left: 0;
- z-index: 2;
- font-family: var(--icon-text-font);
- }
-
- & span {
- width: 100%;
- line-height: inherit !important;
- position: absolute;
- left: 0;
- top: 0;
- transition: all ease 300ms;
- font-size: 30px;
-
- &.checkMark {
- opacity: 0;
- }
-
- &.arrowRight {
- opacity: 1;
- }
- }
- }
-
- & input[type='radio'],
- & input[type='checkbox'] {
- position: absolute;
- visibility: hidden;
-
- &:checked + label {
- & .button {
- left: 100%;
- transform: translateX(calc(-1 * var(--element-height)));
-
- & .checkMark {
- opacity: 1;
- }
-
- & .arrowRight {
- opacity: 0;
- }
- }
-
- & > div {
- opacity: 0;
- }
- }
- }
-}
-
-@media (--small-viewport) {
- .sliderInput {
- & label {
- height: var(--element-height-small) !important;
- line-height: var(--element-height-small) !important;
- }
-
- & span.circle {
- width: var(--element-height-small);
- }
-
- & input[type='radio'],
- & input[type='checkbox'] {
- &:checked + label .button {
- transform: translateX(calc(-1 * var(--element-height-small)));
- }
- }
-
- & div {
- & span {
- text-indent: calc(var(--element-height-small) + 20px);
- }
-
- &::after {
- letter-spacing: -5px;
- }
- }
- }
-}
diff --git a/src/components/toolbox/sliderCheckbox/index.js b/src/components/toolbox/sliderCheckbox/index.js
deleted file mode 100644
index aa3cf46c75..0000000000
--- a/src/components/toolbox/sliderCheckbox/index.js
+++ /dev/null
@@ -1,167 +0,0 @@
-import React from 'react';
-import { themr } from 'react-css-themr';
-import styles from './checkbox.css';
-import { FontIcon } from '../../fontIcon';
-
-const StaticLabel = ({ theme, icons, iconName }) => (
-
- {icons[iconName]}
-
-);
-class SliderCheckbox extends React.Component {
- constructor() {
- super();
-
- this.state = {
- xOffset: 0,
- };
-
- this.xOffset = 0;
- this.delta = 0;
- this.arrows = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
- }
-
- // eslint-disable-next-line class-methods-use-this
- getXOffset(e) {
- const ev = e.nativeEvent;
- if (typeof ev.pageX === 'number') {
- return ev.pageX;
- } if (ev.changedTouches && ev.changedTouches[0]) {
- return ev.changedTouches[0].pageX;
- }
- return ev.clientX;
- }
-
- startTracking(e) {
- this.trackable = true;
- this.xOffset = this.getXOffset(e);
- this.direction = this.input.checked ? -1 : 1;
- /* istanbul ignore next */
- const sliderWidth = this.props.sliderWidth || this.parent.getBoundingClientRect().width;
- /* istanbul ignore next */
- this.buttonWidth = this.props.buttonWidth || this.shape.getBoundingClientRect().width;
- this.maxMovement = sliderWidth - this.buttonWidth;
- }
-
- track(e) {
- if (this.trackable) {
- const pageX = this.getXOffset(e);
- this.delta = pageX - this.xOffset;
- const left = this.direction > 0
- ? this.delta
- : ((this.maxMovement + this.buttonWidth) - Math.abs(this.delta));
-
- if ((this.direction * this.delta) > 0
- && Math.abs(this.delta) < this.maxMovement) {
- this.shape.setAttribute('style', `left: ${left}px`);
- }
- }
- }
-
- stopTracking() {
- if (this.trackable) {
- this.trackable = false;
- // delta === 0 covers clicking
- if ((this.delta === 0 || Math.abs(this.delta) > 50) && !this.props.disabled) {
- this.change();
- } else {
- this.revert();
- }
- this.delta = 0;
- }
- }
-
- change() {
- this.input.checked = !this.input.checked;
- this.shape.removeAttribute('style');
- this.direction = this.input.checked ? -1 : 1;
- if (typeof this.props.onChange === 'function'
- && this.props.input instanceof Object
- && !(this.props.input instanceof Array)) {
- this.props.onChange({
- checked: this.input.checked,
- value: this.props.input.value,
- });
- }
- }
-
- revert() {
- this.shape.removeAttribute('style');
- }
-
- render() {
- const {
- label, input, className, hasSlidingArrows, theme,
- } = this.props;
- const icons = this.props.icons ? this.props.icons : {};
-
- const checkType = i => (typeof i === 'string');
-
- return (
-
- );
- });
-
- afterEach(() => {
- clock.restore();
- });
-
- it('should render the child initially with animation config', () => {
- expect(wrapper.find('h1').length).to.equal(1);
- const className = wrapper.find('h1').props().className;
- expect(className).to.include('willTransition');
- });
-
- it('should show the element after state changed in favour of current child', () => {
- let className = wrapper.find('h1').props().className;
- expect(className).to.not.include('slideIn');
-
- wrapper.setProps({ current: 'target-step-name' });
- clock.tick(501);
- wrapper.update();
-
- className = wrapper.find('h1').props().className;
- expect(className).to.include('slideIn');
- });
-
- it('should hide the element after state changed against current child', () => {
- wrapper.setProps({ current: 'target-step-name' });
- clock.tick(501);
- wrapper.update();
-
- let className = wrapper.find('h1').props().className;
- expect(className).to.include('slideIn');
-
- wrapper.setProps({ current: 'any-step-name' });
- clock.tick(501);
- wrapper.update();
-
- className = wrapper.find('h1').props().className;
- expect(className).to.not.include('slideIn');
- });
-
- it('should allow to set animation name', () => {
- const props = {
- current: 'target-step-name',
- step: 'target-step-name',
- animationName: 'fade',
- };
- const customizedWrapper = mount(
- );
-
- clock.tick(501);
- customizedWrapper.update();
-
- const className = customizedWrapper.find('h1').props().className;
- expect(className).to.include('fadeIn');
- clock.restore();
- });
-});
diff --git a/src/components/toolbox/transitionWrapper/transitionWrapper.css b/src/components/toolbox/transitionWrapper/transitionWrapper.css
deleted file mode 100644
index 645deb3c59..0000000000
--- a/src/components/toolbox/transitionWrapper/transitionWrapper.css
+++ /dev/null
@@ -1,103 +0,0 @@
-.willTransition {
- &:not(.fadeIn):not(.fadeOut):not(.slideIn):not(.slideOut) {
- display: none;
- }
-
- &.slideIn,
- &.slideOut,
- &.fadeIn,
- &.fadeOut {
- animation-duration: 400ms;
- animation-fill-mode: forwards;
- }
-
- &.slideIn {
- animation-name: slideIn;
- }
-
- &.slideOut {
- animation-name: slideOut;
- }
-
- &.fadeIn {
- animation-name: fadeIn;
- }
-
- &.fadeOut {
- animation-name: fadeOut;
- }
-}
-
-@keyframes slideIn {
- 0% {
- opacity: 0;
- display: none;
- transform: translateX(100px);
- }
-
- 1% {
- opacity: 0;
- display: block;
- transform: translateX(100px);
- }
-
- 100% {
- opacity: 1;
- display: block;
- transform: translateX(0);
- }
-}
-
-@keyframes slideOut {
- 0% {
- display: block;
- opacity: 1;
- transform: translateX(0);
- }
-
- 99% {
- display: block;
- opacity: 0;
- transform: translateX(-100px);
- }
-
- 100% {
- display: none;
- opacity: 0;
- transform: translateX(-100px);
- }
-}
-
-@keyframes fadeIn {
- 0% {
- opacity: 0;
- display: none;
- }
-
- 1% {
- opacity: 0;
- display: block;
- }
-
- 100% {
- opacity: 1;
- display: block;
- }
-}
-
-@keyframes fadeOut {
- 0% {
- display: block;
- opacity: 1;
- }
-
- 99% {
- display: block;
- opacity: 0;
- }
-
- 100% {
- display: none;
- opacity: 0;
- }
-}
diff --git a/src/components/transactions/accountList.js b/src/components/transactions/accountList.js
deleted file mode 100644
index 5b96051a92..0000000000
--- a/src/components/transactions/accountList.js
+++ /dev/null
@@ -1,92 +0,0 @@
-/* istanbul ignore file */
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { FontIcon } from '../fontIcon';
-import routes from '../../constants/routes';
-import Piwik from '../../utils/piwik';
-import styles from './delegateStatistics.css';
-
-class AccountList extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- showVotesNumber: 35,
- loadAllVotes: false,
- votesFilterQuery: '',
- votesSize: (props.votes && props.votes.length) || 0,
- };
- }
-
- showMore(name, amount = 100) {
- const newAmount = this.state[name] + amount;
- this.setState({ [name]: newAmount });
- }
-
- filterList(data, filterQuery) {
- if (this.state[filterQuery] !== '') {
- data = data.filter((obj) => {
- const name = obj.props.children.trim();
- return name.includes(this.state[filterQuery]);
- });
- }
- return data;
- }
-
- getFormatedDelegates(dataName, filterQuery) {
- const data = this.props[dataName] ? this.props[dataName].map((user, key) => (
-
- {`${user.username || user.address} `}
-
- )) : [];
-
- return this.filterList(data, filterQuery);
- }
-
- search(filterName, e) {
- const { value } = e.target;
- this.setState({
- [filterName]: value,
- });
- }
-
- clearSearch(filterQuery) {
- Piwik.trackingEvent('Trasanctions_AccountList', 'button', 'Clear search');
- this.search(filterQuery, { target: { value: '' } });
- }
-
- renderSearchFilter(filterQuery, placeholder) {
- return (
-
-
-
- {}}
- onClick={() => {}}
- t={v => v}
- />
-
-
- , options);
-
- expect(wrapper.find('.transactions-cell')).to.have.lengthOf(3);
- });
-
- it('should not cause any error on click if props.onClick is not defined', () => {
- const wrapper = mount(
-
-
- {}}
- t={v => v}
- />
-
-
- , options);
-
- wrapper.find('.transactions-cell').at(0).simulate('click');
- });
-
- it('should render Spinner if no value.confirmations" ', () => {
- rowData.confirmations = undefined;
- const wrapper = mount(
-
-
- {}}
- t={v => v}
- nextStep={() => {}}
- />
-
-
- , options);
- expect(wrapper.find('Spinner')).to.have.lengthOf(1);
- });
-});
diff --git a/src/components/transactions/states.css b/src/components/transactions/states.css
deleted file mode 100644
index 21fcd787e4..0000000000
--- a/src/components/transactions/states.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.leftText {
- text-align: left;
- padding-left: 0px;
-}
-
-.rightText {
- text-align: right;
-}
-
-.ordinaryText {
- text-decoration: none;
- color: inherit;
-}
-
-.clickable {
- cursor: pointer;
-}
diff --git a/src/components/transactions/status.js b/src/components/transactions/status.js
deleted file mode 100644
index fd0ca89ea1..0000000000
--- a/src/components/transactions/status.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import IconButton from '../toolbox/buttons/iconButton';
-import styles from './transactions.css';
-
-const Status = (props) => {
- let iconProps = {};
- if (props.value.type === 0
- && props.value.senderId === props.value.recipientId) {
- iconProps = {
- icon: 'replay',
- };
- } else if (props.value.senderId !== props.address) {
- iconProps = {
- icon: 'call_received',
- className: styles.in,
- };
- } else if (props.value.type !== 0 || props.value.recipientId !== props.address) {
- iconProps = {
- icon: 'call_made',
- className: styles.out,
- };
- }
- return
-
-
- {}}
- onClick={() => {}}
- />
-
-
- , options);
-
- expect(wrapper.find('.transactions-cell')).to.have.lengthOf(5);
- });
-
- it('should not cause any error on click if props.onClick is not defined', () => {
- const wrapper = mount(
-
-
-
-
- , options);
-
- wrapper.find('.transactions-cell').at(0).simulate('click');
- });
-
- it('should render Spinner if no value.confirmations" ', () => {
- rowData.confirmations = undefined;
- const wrapper = mount(
-
-
- {}}
- />
-
-
- , options);
- expect(wrapper.find('Spinner')).to.have.lengthOf(1);
- });
-});
diff --git a/src/components/transactions/transactionType.js b/src/components/transactions/transactionType.js
deleted file mode 100644
index e8585f7aba..0000000000
--- a/src/components/transactions/transactionType.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import styles from './transactions.css';
-
-const TransactionType = (props) => { // eslint-disable-line complexity
- const { t } = props;
- let type;
- switch (props.type) {
- case 1:
- type = t('Second passphrase registration');
- break;
- case 2:
- type = t('Delegate registration');
- break;
- case 3:
- type = t('Delegate vote', { context: 'noun' });
- break;
- case 4:
- type = t('Multisignature Creation');
- break;
- case 5:
- type = t('Blockchain Application Registration');
- break;
- case 6:
- type = t('Send Lisk to Blockchain Application');
- break;
- case 7:
- type = t('Send Lisk from Blockchain Application');
- break;
- default:
- type = false;
- break;
- }
- const address = props.address !== props.senderId ? props.senderId : props.recipientId;
- const template = type || props.showTransaction
- ? {type || t('Transaction')}
- : {address};
- return template;
-};
-
-export default translate()(TransactionType);
diff --git a/src/components/transactions/transactionType.test.js b/src/components/transactions/transactionType.test.js
deleted file mode 100644
index 408e28f9fa..0000000000
--- a/src/components/transactions/transactionType.test.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import PropTypes from 'prop-types';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import TransactionType from './transactionType';
-import history from '../../history';
-import i18n from '../../i18n';
-
-const store = configureMockStore([])({
- peers: {
- liskAPIClient: {},
- },
- account: {},
-});
-
-const options = {
- context: { i18n, store, history },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- i18n: PropTypes.object.isRequired,
- history: PropTypes.object.isRequired,
- },
-};
-
-const createTest = (type) => {
- let expectedValue;
- switch (type) {
- case 0:
- expectedValue = 'Transaction';
- break;
- case 1:
- expectedValue = 'Second passphrase registration';
- break;
- case 2:
- expectedValue = 'Delegate registration';
- break;
- case 3:
- expectedValue = 'Delegate vote';
- break;
- case 4:
- expectedValue = 'Multisignature Creation';
- break;
- case 5:
- expectedValue = 'Blockchain Application Registration';
- break;
- case 6:
- expectedValue = 'Send Lisk to Blockchain Application';
- break;
- case 7:
- expectedValue = 'Send Lisk from Blockchain Application';
- break;
- default:
- expectedValue = false;
- break;
- }
-
- it(`show TransactionType equal to "${expectedValue}" for transaction type ${type}`, () => {
- const inputValue = {
- type,
- senderId: '1085993630748340485L',
- };
- const wrapper = mount(
{this.props.t('Add Extension')}
-
);
}
}
diff --git a/src/components/formattedNumber/stories.js b/src/components/formattedNumber/stories.js
deleted file mode 100644
index a9e6012a09..0000000000
--- a/src/components/formattedNumber/stories.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-
-import { storiesOf } from '@storybook/react';
-
-import FormattedNumber from '.';
-
-storiesOf('FormattedNumber', module)
- .add('with val', () => (
-
- {this.props.t('Beta: in order to see changes fully please reload the app when removing extension')}
+
-
+
+
+
-
+
-
- {this.props.t('Give feedback about this feature')}
-
-
+ {this.props.t('Beta: in order to see changes fully please reload the app when removing extension')}
+
+
+ {this.props.t('Give feedback about this feature')}
+
- this.handleInput(val, 'url')}
- />
-
-
- this.removeExtension()}
- />
+
+ {PRODUCTION ? (
+
+ {this.props.t('Adding extensions is currently disabled in production version of Lisk Hub')}
+
+ ) : (
+
-
+ this.addExtension()}
- />
-
-
- {(PRODUCTION) ? this.props.t('Adding extensions is currently disabled in production version of Lisk Hub') : ''}
+
+ )}
- {props.minutes}
-:
- {props.seconds}
-
- );
-
- beforeEach(() => {
- const propsMock = {
- minutes: 10,
- seconds: 25,
- };
- wrapper = mount( this.onResetTimer()}
- className={`${styles.reset} reset`}
- >
- {t('Reset')}
-
- )
- : ;
-
- const resetStyle = resetCondition ? styles.timeout : styles.time;
- const timer = !timeoutCondition
- && (
- - {t('Session timeout in')} - {' '} - - {min} -: - {sec} - -
- ); - - const renderComponent = autoLog ? ( -
- {resetButton}
- {timer}
-
- ) : null;
-
- return (
-
-
-
- {this.shouldShowSearchBar() &&
- {this.props.account.loading
- ? null
- :
-
-
-
-
- 
-
-
-
-
- {
- this.shouldShowActionButton()
- && (
-
-
-
-
-
-
-
-
- {this.props.autoLog
- ? (
-
-
- {((this.props.account.expireTime
- && this.props.account.expireTime !== 0)
- && this.props.account.passphrase)
- ? (
-
- )
- : null
- }
-
- {
- this.props.logOut();
- this.props.history.replace(routes.loginV2.path);
- }}
- >
-
-
- )
- : null
- }
- this.openLogoutDialog()}
- >
- {this.props.t('Logout')}
-
-
-
- )
- }
- {this.props.t('Welcome back')}
- -
-
-
-);
-
-export default InfoParagraph;
diff --git a/src/components/infoParagraph/infoParagraph.css b/src/components/infoParagraph/infoParagraph.css
deleted file mode 100644
index 328265120a..0000000000
--- a/src/components/infoParagraph/infoParagraph.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.layout-margin {
- display: inline-block;
- margin: 8px;
-}
-
-.layout-padding {
- display: inline-block;
- padding: 8px;
-}
-
-.layout-row {
- display: flex;
- flex-direction: row;
-}
-
-.layout-align-center-center {
- align-items: center;
-}
diff --git a/src/components/mainMenu/index.js b/src/components/mainMenu/index.js
deleted file mode 100644
index 9c718ca866..0000000000
--- a/src/components/mainMenu/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// istanbul ignore file
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router';
-import { translate } from 'react-i18next';
-import { feedbackDialogDisplayed } from '../../actions/dialog';
-import MainMenu from './mainMenu';
-
-const mapStateToProps = state => ({
- account: state.account,
- showDelegate: state.settings.advancedMode,
-});
-
-const mapDispatchToProps = {
- feedbackDialogDisplayed,
-};
-
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(translate()(MainMenu)));
diff --git a/src/components/mainMenu/mainMenu.css b/src/components/mainMenu/mainMenu.css
deleted file mode 100644
index 34e8e3c638..0000000000
--- a/src/components/mainMenu/mainMenu.css
+++ /dev/null
@@ -1,357 +0,0 @@
-@import '../app/variables.css';
-
-:root {
- --menu-background-color: var(--color-white);
- --menu-item-active-gradient: linear-gradient(-27deg, #004aff 4%, #57afff 61%, #93f4fe 100%);
- --menu-item-active-border-width: 7px;
- --menu-item-active-color: linear-gradient(90deg, #fff 0%, #eaeff7 100%);
- --more-menu-color: var(--color-grayscale-medium);
- --offcanvas-menu-border-color: var(--color-grayscale-light);
- --more-menu-border-color: var(--color-grayscale-medium);
- --read-more-font-size: 17px;
- --read-more-icon-font-size: 65px;
- --close-icon-font-size: 35px;
-}
-
-.sideBarWrapper {
- text-align: center;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- height: 100%;
-}
-
-.aside {
- transform: translateX(-100%);
- opacity: 0.5;
- transition: all ease 300ms;
- transition-delay: 200ms;
- box-shadow: var(--normal-shadow);
-}
-
-:global(.appLoaded) .aside {
- opacity: 1;
- transform: translateX(0);
-}
-
-.logo {
- margin: 40px 0 44px;
- height: 50px;
-}
-
-.more {
- color: var(--more-menu-color);
- border-top: 1px solid var(--more-menu-border-color);
- background: var(--menu-background-color);
- position: absolute;
- width: 100%;
- left: 0;
- bottom: 0;
- padding: 20px 0 30px;
- cursor: pointer;
-}
-
-.tab {
- background: var(--menu-background-color);
- text-align: center;
- box-shadow: none;
- width: 100% !important;
- max-width: 100% !important;
- border: none !important;
- padding: 20px 10px !important;
-}
-
-.navigationContainer {
- overflow: hidden;
- margin-left: -2px;
- flex: 0 1 auto;
- flex-flow: row wrap;
-}
-
-.drawer {
- width: 480px;
- background: #fff;
- max-width: 100%;
-
- &.left {
- border-right: none;
- left: 0;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
-}
-
-.homeLink {
- margin: 5px auto;
-}
-
-@media (max-height: 920px) {
- .drawer.left {
- display: block;
- height: 100%;
- }
-}
-
-.header {
- align-items: center;
- width: 100%;
- display: flex;
- justify-content: space-between;
- padding: 0 40px 0 60px;
- background: #fff;
-}
-
-.close {
- font-size: var(--close-icon-font-size);
- display: flex;
- width: auto;
- cursor: pointer;
- color: var(--more-menu-color);
-}
-
-@media (--medium-viewport) {
- .aside {
- display: none;
- }
-
- .header {
- padding: 0;
- }
-
- .close {
- display: none;
- }
-
- .logo {
- margin: 20px auto;
- height: 42px;
- }
-}
-
-.label {
- padding: 4.5vh 10px; /* stylelint-disable-line */
- font-size: var(--main-menu-font-size);
- color: var(--color-black);
- font-weight: bold;
- font-family: var(--heading-font);
- display: flex;
- flex: 0 0 auto;
- width: 50%;
- text-align: center;
- flex-grow: 1;
- text-transform: capitalize;
- border-right: 1px solid var(--offcanvas-menu-border-color);
- border-bottom: 1px solid var(--offcanvas-menu-border-color);
- background: #fff;
- max-width: 50%;
-
- &:nth-child(2n) {
- border-right: none !important;
- }
-
- &:nth-child(1) {
- border-top: 1px solid var(--offcanvas-menu-border-color);
- }
-
- &:nth-child(2) {
- border-top: 1px solid var(--offcanvas-menu-border-color);
- }
-
- & > div {
- width: 100%;
-
- &:hover {
- filter: brightness(1.1);
- }
- }
-
- & span {
- display: block;
- margin: 10px 0 0;
- }
-
- & img {
- width: 55px;
- }
-
- & > .rippleWrapper {
- display: none;
- }
-}
-
-.navigationContainer .navigation {
- padding-left: 0;
- box-shadow: none;
- margin-left: 2px;
- display: flex;
- flex-flow: row wrap;
-}
-
-.tabs nav {
- overflow: hidden;
-}
-
-.bottomIcon {
- width: 22px;
- height: 22px;
- font-size: 22px;
-}
-
-.topTabs {
- overflow-y: auto;
- height: auto;
- display: block;
- margin-bottom: 150px;
-}
-
-.bottomTabs {
- position: absolute;
- bottom: 32px;
- right: 0;
- left: 0;
- overflow-x: hidden;
-
- & .label {
- color: var(--color-grayscale-medium);
- font-family: var(--content-font);
- font-size: 12px;
- font-weight: var(--font-weight-bold);
- line-height: 18px;
-
- &.active {
- background: linear-gradient(90deg, var(--color-white) 0%, #eaeff7 100%);
- color: var(--color-grayscale-medium);
-
- &::before {
- display: none;
- }
- }
-
- & span:first-child {
- margin-right: 3px;
- margin-top: 3px;
- }
-
- & span:last-child {
- margin: 5px 0 0;
- }
-
- & > div {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- transition: all ease 300ms;
- margin-left: 5px;
- }
-
- & img {
- width: 25px;
- height: 25px;
- margin-right: 10px;
- }
- }
-
- & .bottomTab {
- text-decoration: none;
- font-weight: var(--font-weight-bold);
- background: var(--menu-background-color);
- box-shadow: none;
- width: 100%;
- max-width: 100%;
- border: none;
- padding: 5px 10px;
- }
-}
-
-.pointer {
- display: none;
-}
-
-.arrowContainer {
- display: none;
-}
-
-.label.active {
- position: relative;
- background: var(--menu-item-active-color);
- color: var(--color-black);
- opacity: 1;
-
- &::before {
- position: absolute;
- width: var(--menu-item-active-border-width);
- height: 100%;
- top: 0;
- right: 0;
- content: '';
- display: block;
- opacity: 0.8;
- background-image: var(--menu-item-active-gradient);
- }
-}
-
-.readMoreText {
- font-size: var(--read-more-font-size);
- font-weight: bold;
- text-transform: capitalize;
- font-family: 'gilroy', 'Open Sans', sans-serif;
-}
-
-.readMoreIcon {
- font-size: var(--read-more-icon-font-size);
- width: 100%;
-}
-
-@media (--medium-viewport) {
- .sideBarWrapper {
- display: none;
- }
-
- .navigationContainer .navigation {
- justify-content: center;
- }
-
- .bottomTabs {
- & .label {
- & > div {
- margin-left: 0;
- }
-
- &.active {
- background: none;
- }
- }
-
- & .bottomTab {
- max-width: 100px;
- }
- }
-}
-
-@media (--xSmall-viewport) {
- .sideBarWrapper {
- display: none;
- }
-
- .label {
- padding: 25px 10px;
- }
-
- .label.active::before {
- top: auto;
- width: 100%;
- bottom: 0;
- height: 5px;
- }
-}
-
-@media (--xLarge-viewport) {
- .bottomTabs {
- & .label {
- & > div {
- margin-left: 20px;
- }
- }
- }
-}
diff --git a/src/components/mainMenu/mainMenu.js b/src/components/mainMenu/mainMenu.js
deleted file mode 100644
index a51d31d23a..0000000000
--- a/src/components/mainMenu/mainMenu.js
+++ /dev/null
@@ -1,232 +0,0 @@
-import React, { Fragment } from 'react';
-import { Link } from 'react-router-dom';
-import { Tab, Tabs as ToolboxTabs } from 'react-toolbox/lib/tabs';
-import Drawer from 'react-toolbox/lib/drawer';
-
-import MenuBar from '../menuBar';
-import styles from './mainMenu.css';
-import logo from '../../assets/images/Lisk-Logo.svg';
-import * as menuLogos from '../../assets/images/main-menu-icons/*.svg'; //eslint-disable-line
-import { FontIcon } from '../fontIcon';
-import routes from '../../constants/routes';
-import feedbackLinks from '../../constants/feedbackLinks';
-import Piwik from '../../utils/piwik';
-
-const getIndex = (history, tabs) => {
- let index = -1;
- tabs.map(t => new RegExp(`${t.route}(\\/?)`)).forEach((item, i) => {
- if (history.location.pathname.match(item)) {
- index = i;
- }
- });
- return index;
-};
-
-const TabTemplate = ({ img, label, isFontIcon }) => (
-
-
-
-
- {props.children}
-
- -
- {
- !isFontIcon
- ? 
- :
-);
-
-
-class MainMenu extends React.Component {
- constructor() {
- super();
- this.state = {
- active: false,
- setting: false,
- index: 0,
- };
- }
-
- menuToggle() {
- Piwik.trackingEvent('MainMenu', 'link', 'Menu toggle');
- const setting = !this.state.active ? false : this.state.setting;
- this.setState({ active: !this.state.active, setting });
- }
-
- navigate(history, tabs, index) {
- this.setState({ active: false, index });
- if (tabs[index].id === 'feedback') {
- this.props.feedbackDialogDisplayed({
- childComponentProps: {
- title: this.props.t('Tell us what you think'),
- },
- });
- return;
- }
- history.push(tabs[index].route);
- }
-
- settingToggle() {
- this.setState({
- setting: !this.state.setting,
- });
- }
-
- render() {
- const {
- history, t, showDelegate, account,
- } = this.props;
- let tabs = [
- {
- label: t('Dashboard'),
- route: `${routes.dashboard.path}`,
- id: 'dashboard',
- image: menuLogos.dashboard,
- enabledWhenNotLoggedIn: true,
- }, {
- label: t('Wallet'),
- route: `${routes.wallet.path}`,
- id: 'transactions',
- image: menuLogos.wallet,
- }, {
- label: t('Delegates'),
- id: 'delegates',
- route: `${routes.delegates.path}`,
- image: menuLogos.delegates,
- }, {
- label: t('Sidechains'),
- route: `${routes.sidechains.path}`,
- id: 'sidechains',
- image: menuLogos.sidechains,
- },
- ];
-
- const bottomMenuTabs = [
- {
- label: t('Settings'),
- route: `${routes.setting.path}`,
- id: 'settings',
- image: 'settings',
- enabledWhenNotLoggedIn: true,
- },
- {
- label: t('Help'),
- route: `${routes.help.path}`,
- id: 'help',
- image: 'logo-icon',
- enabledWhenNotLoggedIn: true,
- },
- ];
-
- if (!showDelegate) {
- tabs = tabs.filter(tab => tab.id !== 'delegates');
- }
-
- return (
- { this.wrapper = el; }}
- >
- {this.props.children}
-
- );
- }
-}
-
-export default Parallax;
diff --git a/src/components/parallax/index.test.js b/src/components/parallax/index.test.js
deleted file mode 100644
index d74c325749..0000000000
--- a/src/components/parallax/index.test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import Parallax from './index';
-
-describe('Parallax', () => {
- let wrapper;
-
- beforeEach(() => {
- wrapper = mount(Child 1
- Child 2
-
- {this.state.isFocused
- ? (
-
- );
- }
-}
-
-export { PassphraseInput };
-// eslint-disable-next-line import/no-named-as-default
-export default translate()(PassphraseInput);
diff --git a/src/components/passphraseInput/index.test.js b/src/components/passphraseInput/index.test.js
deleted file mode 100644
index 5eba6634c6..0000000000
--- a/src/components/passphraseInput/index.test.js
+++ /dev/null
@@ -1,188 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { mount } from 'enzyme';
-import PropTypes from 'prop-types';
-
-import accounts from '../../../test/constants/accounts';
-import i18n from '../../i18n';
-import PassphraseInputHOC, { PassphraseInput } from './index';
-import keyCodes from '../../constants/keyCodes';
-
-describe('PassphraseInput', () => {
- let wrapper;
- let props;
- let onChangeSpy;
-
- describe('with HOC', () => {
- beforeEach(() => {
- props = {
- error: '',
- value: '',
- onChange: key => key,
- i18n,
- };
- onChangeSpy = spy(props, 'onChange');
- wrapper = mount(
-
- )
- : (
-
-
-
- {[...Array(12)].map((x, i) => (
-
-
- {
- const val = e.target.value;
- e.target.value = '';
- e.target.value = val;
-
- this.setFocusedField(i);
- }}
- onBlur={this.setFocusedField.bind(this, null)}
- onChange={(val) => {
- this.handleValueChange(i, val);
- }}
- onKeyDown={(event) => {
- this.keyAction({ event, value: value[i], index: i });
- }}
- index={i}
- />
-
- ))}
- {this.props.error}
-
-
-
-
- );
- }
-}
-
-
-const mapStateToProps = state => ({
- account: getActiveTokenAccount(state),
-});
-
-export default connect(mapStateToProps)(translate()(PassphraseSteps));
diff --git a/src/components/passphraseSteps/passphraseSteps.css b/src/components/passphraseSteps/passphraseSteps.css
deleted file mode 100644
index fb5d1f3389..0000000000
--- a/src/components/passphraseSteps/passphraseSteps.css
+++ /dev/null
@@ -1,38 +0,0 @@
-@import '../app/variables.css';
-
-.wrapper {
- display: flex;
- flex-flow: column;
- justify-content: space-between;
- width: 100%;
- box-sizing: border-box;
- height: 100%;
-
- & footer {
- width: 100%;
- }
-}
-
-.button {
- min-width: 0;
- width: 100%;
-}
-
-.headerWrapper {
- padding: 20px 0px 0;
-
- & h2 {
- font-weight: var(--font-weight-semi-bold);
- margin-bottom: 0;
- }
-}
-
-.input {
- padding: 5px !important;
-}
-
-@media (--small-viewport) {
- .wrapper {
- max-height: 100%;
- }
-}
diff --git a/src/components/pricedButton/index.js b/src/components/pricedButton/index.js
deleted file mode 100644
index f9a53c10c6..0000000000
--- a/src/components/pricedButton/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { connect } from 'react-redux';
-import PricedButton from './pricedButton';
-
-const mapStateToProps = state => ({
- balance: state.account.balance,
-});
-
-export default connect(mapStateToProps)(PricedButton);
diff --git a/src/components/pricedButton/index.test.js b/src/components/pricedButton/index.test.js
deleted file mode 100644
index 8fc38a3e62..0000000000
--- a/src/components/pricedButton/index.test.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import sinon from 'sinon';
-import { shallow } from 'enzyme';
-import { PrimaryButton } from '../toolbox/buttons/button';
-import PricedButton from './pricedButton';
-import i18n from '../../i18n';
-import styles from './pricedButton.css';
-
-
-describe('PricedButton', () => {
- let wrapper;
- const props = {
- fee: 5e8,
- onClick: sinon.spy(),
- t: (key, options) => i18n.t(key, options),
- };
- const insufficientBalance = 4.9999e8;
- const sufficientBalance = 6e8;
-
- it('renders component from react-toolbox', () => {
- wrapper = shallow({updatedValues[this.getCurrentStep()].header}
-
- {
- fee
- && (
-
- {
- hasFunds ? t('Fee: {{amount}} LSK', { amount: fromRawLsk(fee) })
- : t('Insufficient funds for {{amount}} LSK fee', { amount: fromRawLsk(fee) })
- }
-
- )
- }
-
- );
-};
-
-export default PricedButton;
diff --git a/src/components/privateWrapper/index.js b/src/components/privateWrapper/index.js
deleted file mode 100644
index f2c5ed9318..0000000000
--- a/src/components/privateWrapper/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { connect } from 'react-redux';
-import PrivateWrapper from './privateWrapper';
-
-const mapStateToProps = state => ({
- isAuthenticated: !!state.account.info,
-});
-
-export default connect(mapStateToProps)(PrivateWrapper);
diff --git a/src/components/privateWrapper/index.test.js b/src/components/privateWrapper/index.test.js
deleted file mode 100644
index 12790106fb..0000000000
--- a/src/components/privateWrapper/index.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { shallow } from 'enzyme';
-import PrivateWrapper from './privateWrapper';
-
-const Private = () => Private
; - -describe('PrivateWrapper', () => { - const isAuth = isAuthenticated => ( - shallow(
- 
-
-
-
- {slide.title}
-
- {slides.map(slide => (
-
-
- ))
- }
- {slides.map(slide => (
-
-
- ))
- }
-
-
-
-
- {slide.description.map((desc, key) => (
-
- {desc}
-
-
- - ))} -
- -
- - ))} -
-
- {slide.goTo.title}
-
-
-
-
-
- this.previousStep()}
- className={`previousStep ${styles.previousStep} ${currentIndex === 0 ? `${styles.disabled} disabled` : ''}`}
- >
-
-
- {`${currentIndex + 1} / ${quickTips(this.props.t).length}`}
-
- this.nextStep()}
- className={`nextStep ${styles.nextStep} ${currentIndex + 1 === quickTips(this.props.t).length ? `${styles.disabled} disabled` : ''}`}
- >
- {this.props.t('Next')}
-
-
-
-
- );
- }
-}
-
-export default ResultBox;
diff --git a/src/components/resultBox/resultBox.test.js b/src/components/resultBox/resultBox.test.js
deleted file mode 100644
index 08e7a5da52..0000000000
--- a/src/components/resultBox/resultBox.test.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import { spy } from 'sinon';
-import PropTypes from 'prop-types';
-import { FontIcon } from '../fontIcon';
-import ResultBox from './resultBox';
-import styles from './resultBox.css';
-import i18n from '../../i18n';
-
-describe('Result Box', () => {
- let wrapper;
- let props;
-
- const options = {
- context: { i18n },
- childContextTypes: {
- i18n: PropTypes.object.isRequired,
- },
- };
-
- it('renders result box with success template', () => {
- const title = 'Thank you';
- const body = 'Transaction is being processed and will be confirmed. It may take up to 15 minutes to be secured in the blockchain.';
- const copy = {
- title: 'Copy Transaction-ID to clipboard',
- value: '1234',
- };
- props = {
- copy,
- account: {},
- title,
- body,
- success: true,
- reset: spy(),
- copyToClipboard: () => {},
- finalCallback: () => {},
- transactionFailedClear: () => {},
- t: () => {},
- history: { location: {}, push: () => {}, replace: () => {} },
- bookmarks: {
- LSK: [],
- },
- };
-
- wrapper = mount(
-
-
-
-
-
-
-
- {this.props.success
- ? 
- :
- {this.props.title}
-- {this.props.body} -
- {this.props.copy - ? ( -
-
- );
- }
-}
-
-const mapStateToProps = state => ({
- account: state.account,
- suggestions: state.search.suggestions,
-});
-/* istanbul ignore next */
-const mapDispatchToProps = {
- searchSuggestions,
- searchClearSuggestions: data => ({
- data,
- type: actionTypes.searchClearSuggestions,
- }),
-};
-
-export default withRouter(connect(
- mapStateToProps,
- mapDispatchToProps,
-)(translate()(SearchBar)));
diff --git a/src/components/searchBar/index.test.js b/src/components/searchBar/index.test.js
deleted file mode 100644
index c4173e2cd2..0000000000
--- a/src/components/searchBar/index.test.js
+++ /dev/null
@@ -1,86 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import { stub, spy } from 'sinon';
-import { Provider } from 'react-redux';
-import { HashRouter as Router } from 'react-router-dom';
-import PropTypes from 'prop-types';
-
-import i18n from '../../i18n';
-import SearchBar from './index';
-
-describe('SearchBar', () => {
- let wrapper;
- let history;
- let props;
- let options;
- const store = {};
- const peers = {
- data: {},
- status: true,
- };
-
- // Mocking store
- beforeEach(() => {
-
- history = {
- location: {
- pathname: 'explorer',
- search: '',
- },
- push: spy(),
- };
- props = {
- account: {
- afterLogout: false,
- },
- history,
- t: () => {},
- searchSuggestions: () => {},
- searchClearSuggestions: () => {},
- location: {
- pathname: 'explorer',
- search: '',
- },
- };
- options = {
- context: {
- store: {}, history, i18n, router: { route: history, history },
- },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- history: PropTypes.object.isRequired,
- i18n: PropTypes.object.isRequired,
- router: PropTypes.object.isRequired,
- },
- lifecycleExperimental: true,
- };
- store.getState = () => ({
- peers,
- search: {
- suggestions: {
- delegates: [],
- addresses: [],
- transactions: [],
- }
- }
- });
- store.subscribe = () => {};
- store.dispatch = () => {};
- wrapper = mount(
-
- {props.text}
-
-);
-
-export default ShowMore;
diff --git a/src/components/showMore/showMore.css b/src/components/showMore/showMore.css
deleted file mode 100644
index 0da51f9710..0000000000
--- a/src/components/showMore/showMore.css
+++ /dev/null
@@ -1,20 +0,0 @@
-@import '../app/variablesV2.css';
-@import '../app/mixins.css';
-
-.wrapper {
- width: 100%;
- min-height: 36px;
- height: 36px;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- background-color: var(--color-white-smoke);
- border-top: 1px solid var(--color-platinum);
-
- & > span {
- @mixin contentSmall bold;
-
- color: var(--color-maastricht-blue);
- }
-}
diff --git a/src/components/showMore/showMore.test.js b/src/components/showMore/showMore.test.js
deleted file mode 100644
index 9af419d531..0000000000
--- a/src/components/showMore/showMore.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { mount } from 'enzyme';
-import ShowMore from './index';
-
-describe('notFound', () => {
- const props = {
- text: 'Show More',
- onClick: spy(),
- className: null,
- };
-
- it('should render a ShowMore', () => {
- const wrapper = mount(
- { this.input = el; }}
- onChange={this.change.bind(this)}
- />
-
-
- );
- }
-}
-
-export { SliderCheckbox };
-export default themr('sliderCheckbox', styles)(SliderCheckbox);
diff --git a/src/components/toolbox/sliderCheckbox/index.test.js b/src/components/toolbox/sliderCheckbox/index.test.js
deleted file mode 100644
index 4233168f5c..0000000000
--- a/src/components/toolbox/sliderCheckbox/index.test.js
+++ /dev/null
@@ -1,139 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import { SliderCheckbox } from './index';
-
-describe('SliderCheckbox without HOC', () => {
- const props = {
- icons: { done: 'done' },
- onChange: () => {},
- input: { value: 'introduction-step' },
- theme: {
- sliderInput: 'sliderInput',
- arrowRight: 'arrowRight',
- checkMark: 'checkMark',
- circle: 'circle-theme',
- button: 'button',
- },
- buttonWidth: 40,
- sliderWidth: 300,
- };
-
- /**
- * Drags the slider for a given length (in pixels) and then updates the wrapper
- * @param {Object} wrapper - Enzyme mounted component
- * @param {Number} delta - The length of movement in pixels. negative values mean sliding to left
- */
- const drag = (wrapper, delta) => {
- wrapper.find('label').props().onMouseDown({ nativeEvent: { pageX: 870 } });
-
- // When I start dragging the arrow
- wrapper.find('label').props().onMouseMove({ nativeEvent: { pageX: 870 } });
-
- // And I keep dragging a bit more
- wrapper.find('label').props().onMouseMove({ nativeEvent: { pageX: 870 + delta } });
- wrapper.update();
- };
-
- const stopDragging = (wrapper) => {
- wrapper.find('label').props().onMouseLeave();
- };
-
- const shouldBeChecked = (wrapper) => {
- expect(wrapper.find('input').instance().checked).to.equal(true);
- };
-
- const shouldBeNotChecked = (wrapper) => {
- expect(wrapper.find('input').instance().checked).to.equal(false);
- };
-
- /**
- * Checks is the button has style.left property set as expected
- * @param {Object} wrapper - Enzyme mounted component
- * @param {String} length - The length of transform including unit, e.g. 15px
- */
- const isItTransformed = (wrapper, length) => {
- expect(wrapper.find('.circle span').first().instance().style.left).to.equal(length);
- };
-
- it('should render Checkbox', () => {
- const wrapper = mount(Child
-Child
-
-
- );
- }
-}
-
-export default AccountList;
diff --git a/src/components/transactions/amount.js b/src/components/transactions/amount.js
deleted file mode 100644
index f9402d85c7..0000000000
--- a/src/components/transactions/amount.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import styles from './transactions.css';
-import LiskAmount from '../liskAmount';
-import transactionTypes from '../../constants/transactionTypes';
-
-const Amount = (props) => {
- const params = {};
- if (props.value.type === transactionTypes.send
- && props.value.senderId === props.value.recipientId) {
- params.className = 'greyLabel';
- params.pre = '';
- } else if (props.value.senderId !== props.address) {
- params.className = 'greenLabel';
- params.pre = '+';
- } else if (props.value.type === transactionTypes.send
- && props.value.recipientId !== props.address) {
- params.pre = '-';
- params.className = 'greyLabel';
- }
- const amount = props.value.type !== transactionTypes.send ? '-' : props.onClick(this.props)}
- >
-
- );
- }
-}
-
-export default (Row);
diff --git a/src/components/transactions/rows.test.js b/src/components/transactions/rows.test.js
deleted file mode 100644
index 5d951426cf..0000000000
--- a/src/components/transactions/rows.test.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import tableStyle from 'react-toolbox/lib/table/theme.css';
-import configureMockStore from 'redux-mock-store';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Provider } from 'react-redux';
-import { I18nextProvider } from 'react-i18next';
-import PropTypes from 'prop-types';
-
-import accounts from '../../../test/constants/accounts';
-import i18n from '../../i18n';
-import Rows from './rows';
-import history from '../../history';
-
-describe('Rows', () => {
- const store = configureMockStore([])({});
- const rowData = {
- id: '1038520263604146911',
- height: 5,
- blockId: '12520699228609837463',
- type: 0,
- timestamp: 35929631,
- senderPublicKey: accounts.genesis.publicKey,
- senderId: accounts.genesis.address,
- recipientId: accounts.delegate.address,
- recipientPublicKey: accounts.delegate.publicKey,
- amount: 464000000000,
- fee: 10000000,
- signature: '3d276c1cb00edbc803e8911033727fe4a77f931868f89dc2f42deeefd7aa2eef1a58cd289517546ac3135f804499d1406234597d5b6198c4b9dac373c2b1bd03',
- signatures: [],
- confirmations: 892,
- asset: {
- data: '123',
- },
- };
- const address = '16313739661670634666L';
-
- const options = {
- context: { store, history },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- history: PropTypes.object.isRequired,
- },
- };
-
- it('should render 3 columns', () => {
- const wrapper = mount(
-
-
-
-
- {
- props.value.confirmations
- ?
-
-
-
-
- );
- }
-}
-
-export default translate()(TransactionRow);
diff --git a/src/components/transactions/transactionRow.test.js b/src/components/transactions/transactionRow.test.js
deleted file mode 100644
index 363ecee8f2..0000000000
--- a/src/components/transactions/transactionRow.test.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import tableStyle from 'react-toolbox/lib/table/theme.css';
-import configureMockStore from 'redux-mock-store';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Provider } from 'react-redux';
-import { I18nextProvider } from 'react-i18next';
-import PropTypes from 'prop-types';
-
-import accounts from '../../../test/constants/accounts';
-import i18n from '../../i18n';
-import TransactionRow from './transactionRow';
-import history from '../../history';
-
-describe('TransactionRow', () => {
- const store = configureMockStore([])({});
- const rowData = {
- id: '1038520263604146911',
- height: 5,
- blockId: '12520699228609837463',
- type: 0,
- timestamp: 35929631,
- senderPublicKey: accounts.genesis.publicKey,
- senderId: accounts.genesis.address,
- recipientId: accounts.delegate.address,
- recipientPublicKey: accounts.delegate.publicKey,
- amount: 464000000000,
- fee: 10000000,
- signature: '3d276c1cb00edbc803e8911033727fe4a77f931868f89dc2f42deeefd7aa2eef1a58cd289517546ac3135f804499d1406234597d5b6198c4b9dac373c2b1bd03',
- signatures: [],
- confirmations: 892,
- asset: {
- data: '123',
- },
- };
- const address = '16313739661670634666L';
-
- const options = {
- context: { store, history },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- history: PropTypes.object.isRequired,
- },
- };
-
- it('should render 4 columns', () => {
- const wrapper = mount(
-
-
-
-
-
-
- {props.value.asset && props.value.asset.data
- ? {props.value.asset.data}
- : '-'}
-
-
-
-
- {props.value.confirmations ?
-
-
-
-
-
-
-);
-
-export default translate()(TransactionsHeader);
diff --git a/src/components/transactions/transactionsHeader.test.js b/src/components/transactions/transactionsHeader.test.js
deleted file mode 100644
index 6582a00065..0000000000
--- a/src/components/transactions/transactionsHeader.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { mount } from 'enzyme';
-import tableStyle from 'react-toolbox/lib/table/theme.css';
-import PropTypes from 'prop-types';
-import i18n from '../../i18n';
-import TransactionsHeader from './transactionsHeader';
-
-describe('TransactionsHeader', () => {
- it('should have 3 header columns', () => {
- const wrapper = mount(
- {t('Address')}
- {t('Reference')}
- {t('Date')}
- {t('Amount (LSK)')}
-
- - {t('There are no {{filterName}} transactions.', { - filterName: tabObj && tabObj.name ? tabObj.name.toLowerCase() : '', - })} -
- ); - } - return null; - } - - return ( -
- {
- transactions
- .filter(fixIncomingFilter)
- .map(transaction => (
-
- );
- }
-}
-
-export default TransactionsList;
diff --git a/src/components/transactions/transactionsList.test.js b/src/components/transactions/transactionsList.test.js
deleted file mode 100644
index 32d4530ce7..0000000000
--- a/src/components/transactions/transactionsList.test.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import thunk from 'redux-thunk';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { mount } from 'enzyme';
-import PropTypes from 'prop-types';
-import TransactionsList from './transactionsList';
-
-import { prepareStore } from '../../../test/unit-test-utils/applicationInit';
-import peersReducer from '../../store/reducers/peers';
-import accountReducer from '../../store/reducers/account';
-import transactionReducer from '../../store/reducers/transaction';
-import txFilters from '../../constants/transactionFilters';
-import i18n from '../../i18n';
-
-describe('TransactionsList', () => {
- let wrapper;
- const emptyTx = [];
- const transactions = [{
- id: '11327666066806006572',
- type: 0,
- timestamp: 15647029,
- senderId: '5201600508578320196L',
- recipientId: '11950819909555235066L',
- amount: 69550000000,
- fee: 10000000,
- confirmations: 4314504,
- address: '12345678L',
- }];
-
- const store = prepareStore({
- peers: peersReducer,
- account: accountReducer,
- transaction: transactionReducer,
- }, [
- thunk,
- ]);
-
- const options = {
- context: { store, i18n },
- childContextTypes: {
- store: PropTypes.object.isRequired,
- i18n: PropTypes.object.isRequired,
- },
- };
-
- const props = {
- address: '',
- filter: {
- value: txFilters.incoming,
- name: 'In',
- },
- transactions,
- loading: false,
- dashboard: false,
- onClick: () => {},
- loadMore: () => {},
- prevStep: () => {},
- t: () => {},
- history: { location: { search: { id: transactions[0].id } } },
- };
-
- it('should render empty state template if transactions list is empty', () => {
- const propsNoTx = { ...props, transactions: emptyTx };
- wrapper = mount(
-
-
- {this.shouldShowEmptyState()
- ? (
- this.props.onTransactionRowClick(props)}
- />
- }
- {
- // the whole transactions box should be scrollable on XS
- // otherwise only the transaction list should be scrollable
- // (see transactionList.js)
- this.isSmallScreen()
- ? (
- { this.loadMore(); }}
- />
- )
- : null
- }
-
- );
- }
-}
-const mapStateToProps = state => ({
- bookmarks: state.bookmarks,
- peers: state.peers,
- account: state.account,
-});
-
-export default connect(mapStateToProps)(TransactionsOverview);
diff --git a/src/components/transactions/transactionsOverview.test.js b/src/components/transactions/transactionsOverview.test.js
deleted file mode 100644
index bb09917447..0000000000
--- a/src/components/transactions/transactionsOverview.test.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { mountWithContext } from '../../../test/unit-test-utils/mountHelpers';
-import TransactionsOverview from './transactionsOverview';
-import store from '../../store';
-import accounts from '../../../test/constants/accounts';
-
-describe('TransactionsOverview', () => {
- let wrapper;
- let props;
- let onInitSpy;
- let onLoadMoreSpy;
- let onFilterSetSpy;
-
- beforeEach(() => {
- window.innerWidth = 200;
- props = {
- t: () => {},
- loading: [],
- peers: {
- liskAPIClient: {},
- },
- transactions: [{ id: '13395546734664987127' }],
- count: 1000,
- address: accounts.genesis.address,
- onInit: () => {},
- onLoadMore: () => {},
- onFilterSet: () => {},
- match: { url: '' },
- };
- store.getState = () => ({
- bookmarks: { LSK: [] },
- peers: { status: {}, options: {}, liskAPIClient: {} },
- transactions: {
- confirmed: [],
- },
- account: {
- address: accounts.genesis.address,
- },
- search: {},
- });
- onInitSpy = spy(props, 'onInit');
- onLoadMoreSpy = spy(props, 'onLoadMore');
- onFilterSetSpy = spy(props, 'onFilterSet');
- wrapper = mountWithContext(
- - {this.props.t('Transaction')} - { - hasTitle && ( - - {this.props.t(' of')} - {' '} - {accountTitle} - - ) - } -
--
- {filters.map((filter, i) => (
-
- this.setTransactionsFilter(filter.value)} - > - {filter.name} - - ))} -
- 
-
- );
-};
-
-export default translate()(TransactionTypeV2);
diff --git a/src/components/transactionsV2/transactionTypeV2.test.js b/src/components/transactionsV2/transactionTypeV2.test.js
deleted file mode 100644
index a468b9f9cb..0000000000
--- a/src/components/transactionsV2/transactionTypeV2.test.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import PropTypes from 'prop-types';
-import TransactionTypeV2 from './transactionTypeV2';
-import accounts from '../../../test/constants/accounts';
-import i18n from '../../i18n';
-
-const options = {
- context: { i18n },
- childContextTypes: {
- i18n: PropTypes.object.isRequired,
- },
-};
-
-const createTest = (type) => {
- let expectedValue;
- switch (type) {
- case 0:
- expectedValue = 'Transaction';
- break;
- case 1:
- expectedValue = 'Second passphrase registration';
- break;
- case 2:
- expectedValue = 'Delegate registration';
- break;
- case 3:
- expectedValue = 'Delegate vote';
- break;
- case 4:
- expectedValue = 'Multisignature Creation';
- break;
- case 5:
- expectedValue = 'Blockchain Application Registration';
- break;
- case 6:
- expectedValue = 'Send Lisk to Blockchain Application';
- break;
- case 7:
- expectedValue = 'Send Lisk from Blockchain Application';
- break;
- default:
- expectedValue = 'Transaction';
- break;
- }
-
- it(`show TransactionType equal to "${expectedValue}" for transaction type ${type}`, () => {
- const props = {
- type,
- senderId: accounts.delegate.address,
- showTransaction: true,
- bookmarks: {
- LSK: [],
- },
- };
- const wrapper = mount(
- { type || props.showTransaction
- ? (
- {type || t('Transaction')}
- ) : (
-
-
- )}
-
-
-
- {
- hasTitle ? accountTitle : address
- }
-
- { hasTitle && {address} }
-
-
-
-);
-
-export default translate()(TransferTabs);
diff --git a/src/components/transferTabs/tabs.css b/src/components/transferTabs/tabs.css
deleted file mode 100644
index 65fc8facbb..0000000000
--- a/src/components/transferTabs/tabs.css
+++ /dev/null
@@ -1,31 +0,0 @@
-@import '../app/variables.css';
-
-.tab {
- font-size: 16px;
- vertical-align: middle;
- text-align: center;
- line-height: 50px;
- font-weight: var(--font-weight-normal);
- border: 3px solid transparent;
- border-radius: 6px;
- background: var(--gradient-action-blue);
- background-clip: padding-box;
- padding: 2px;
- cursor: pointer;
-}
-
-.tabActive {
- color: var(--color-white);
- background: var(--gradient-action-blue);
-}
-
-.tabInactive {
- color: var(--color-primary-medium);
- background: var(--color-white);
-}
-
-@media (--medium-viewport) {
- .tab {
- display: none;
- }
-}
diff --git a/src/components/trezor/index.js b/src/components/trezor/index.js
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/utils/form.js b/src/utils/form.js
index 360e2a0ff1..ca40fd4cfd 100644
--- a/src/utils/form.js
+++ b/src/utils/form.js
@@ -1,27 +1,5 @@
-
-export const authStatePrefill = account => ({
- secondPassphrase: {
- value: null,
- },
- passphrase: {
- value: (account && account.passphrase) || '',
- },
-});
-
-export const authStateIsValid = state => (
- !state.passphrase.error
- && state.passphrase.value !== ''
- && !state.secondPassphrase.error
- && state.secondPassphrase.value !== ''
-);
-
export const passphraseIsValid = passphrase => (!passphrase.error && passphrase.value !== '');
-export const handleChange = function (name, value, error) {
- this.setState({
- [name]: {
- value,
- error: typeof error === 'string' ? error : undefined,
- },
- });
+export default {
+ passphraseIsValid,
};
{ setTabSend(true); }}
- >
- {t('Send')}
-
- { setTabSend(false); }}
- >
- {t('Request')}
-
-