+
diff --git a/react/src/components/toaster/toaster.js b/react/src/components/toaster/toaster.js
index c02436e..197c828 100644
--- a/react/src/components/toaster/toaster.js
+++ b/react/src/components/toaster/toaster.js
@@ -1,4 +1,6 @@
import React from 'react';
+import { dismissToasterMessage } from '../../actions/actionCreators';
+import Store from '../../store';
class Toaster extends React.Component {
constructor(props) {
@@ -20,26 +22,24 @@ class Toaster extends React.Component {
type: props.type,
title: props.title,
});
+ } else {
+ this.setState({
+ display: false,
+ message: null,
+ type: null,
+ title: null,
+ });
}
}
- setInitialState() {
- this.setState({
- display: false,
- message: null,
- type: null,
- title: null,
- });
- }
-
dismissToast() {
- this.setInitialState();
+ Store.dispatch(dismissToasterMessage());
}
// TODO: multiple toasts
renderToast() {
setTimeout(() => {
- this.setInitialState();
+ Store.dispatch(dismissToasterMessage());
}, 5000);
return (
diff --git a/react/src/reducers/activeCoin.js b/react/src/reducers/activeCoin.js
new file mode 100644
index 0000000..c2cbb74
--- /dev/null
+++ b/react/src/reducers/activeCoin.js
@@ -0,0 +1,40 @@
+import { DASHBOARD_ACTIVE_COIN_CHANGE, DASHBOARD_ACTIVE_COIN_BALANCE, DASHBOARD_ACTIVE_COIN_SEND_FORM, DASHBOARD_ACTIVE_COIN_RECEIVE_FORM, DASHBOARD_ACTIVE_COIN_RESET_FORMS } from '../actions/actionCreators';
+
+export function ActiveCoin(state = {
+ coin: null,
+ mode: null,
+ send: false,
+ receive: false,
+ balance: 0,
+}, action) {
+ switch (action.type) {
+ case DASHBOARD_ACTIVE_COIN_CHANGE:
+ return Object.assign({}, state, {
+ coin: action.coin,
+ mode: action.mode,
+ });
+ case DASHBOARD_ACTIVE_COIN_BALANCE:
+ return Object.assign({}, state, {
+ balance: action.balance,
+ });
+ case DASHBOARD_ACTIVE_COIN_SEND_FORM:
+ return Object.assign({}, state, {
+ send: action.send,
+ receive: false,
+ });
+ case DASHBOARD_ACTIVE_COIN_RECEIVE_FORM:
+ return Object.assign({}, state, {
+ send: false,
+ receive: action.receive,
+ });
+ case DASHBOARD_ACTIVE_COIN_RESET_FORMS:
+ return Object.assign({}, state, {
+ send: false,
+ receive: false,
+ });
+ default:
+ return state;
+ }
+}
+
+export default ActiveCoin;
diff --git a/react/src/reducers/dashboard.js b/react/src/reducers/dashboard.js
new file mode 100644
index 0000000..7068616
--- /dev/null
+++ b/react/src/reducers/dashboard.js
@@ -0,0 +1,21 @@
+import { DASHBOARD_SECTION_CHANGE, GET_MAIN_ADDRESS } from '../actions/actionCreators';
+
+export function Dashboard(state = {
+ activeSection: 'wallets',
+ activeHandle: null,
+}, action) {
+ switch (action.type) {
+ case DASHBOARD_SECTION_CHANGE:
+ return Object.assign({}, state, {
+ activeSection: action.activeSection,
+ });
+ case GET_MAIN_ADDRESS:
+ return Object.assign({}, state, {
+ activeHandle: action.activeHandle,
+ });
+ default:
+ return state;
+ }
+}
+
+export default Dashboard;
diff --git a/react/src/reducers/index.js b/react/src/reducers/index.js
index 951bcc7..0379dfe 100644
--- a/react/src/reducers/index.js
+++ b/react/src/reducers/index.js
@@ -3,12 +3,16 @@ import { routerReducer } from 'react-router-redux';
import { AddCoin } from './addcoin';
import { toaster } from './toaster';
-//import { loader } from './loader';
+import { Main } from './main';
+import { Dashboard } from './dashboard';
+import { ActiveCoin } from './activeCoin';
const rootReducer = combineReducers({
AddCoin,
toaster,
- //loader,
+ Main,
+ Dashboard,
+ ActiveCoin,
routing: routerReducer,
});
diff --git a/react/src/reducers/main.js b/react/src/reducers/main.js
new file mode 100644
index 0000000..9ac1bbf
--- /dev/null
+++ b/react/src/reducers/main.js
@@ -0,0 +1,26 @@
+import { GET_ACTIVE_COINS, LOGIN, ACTIVE_HANDLE } from '../actions/actionCreators'
+
+export function Main(state = {
+ isLoggedIn: false,
+ activeCoins: [],
+}, action) {
+ switch (action.type) {
+ case GET_ACTIVE_COINS:
+ return Object.assign({}, state, {
+ activeCoins: action.activeCoins,
+ coins: action.coins,
+ });
+ case LOGIN:
+ return Object.assign({}, state, {
+ isLoggedIn: action.isLoggedIn,
+ });
+ case ACTIVE_HANDLE:
+ return Object.assign({}, state, {
+ isLoggedIn: action.isLoggedIn,
+ });
+ default:
+ return state;
+ }
+}
+
+export default Main;
diff --git a/react/src/store.js b/react/src/store.js
index cb4d78f..d44e661 100644
--- a/react/src/store.js
+++ b/react/src/store.js
@@ -11,6 +11,7 @@ const loggerMiddleware = createLogger();
const defaultState = {
toaster: null,
AddCoin: null,
+ Main: null,
};
const enhancers = compose(window.devToolsExtension ? window.devToolsExtension() : f => f);
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index b5b0958..4b2cafd 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -31,6 +31,26 @@
@import '../assets/global/fonts/brand-icons/brand-icons.min.css';
@import '../assets/skins/orange.min.css';
+#app > div {
+ height: 100%;
+}
+
+.page-main {
+ background: #f3f4f5;
+}
+
+#kmd_header_button button {
+ margin-right: 5px;
+}
+
+.widget.active .bg-white {
+ box-shadow: inset 1px 1px 10px #ccc;
+}
+
+body {
+ padding-top: 44px;
+}
+
/*.toaster .single-toast:nth-child(0) {
bottom: 12px;
}
diff --git a/react/src/util/copyToClipboard.js b/react/src/util/copyToClipboard.js
new file mode 100644
index 0000000..bc8094e
--- /dev/null
+++ b/react/src/util/copyToClipboard.js
@@ -0,0 +1,16 @@
+export function copyToClipboard(value) {
+ var result;
+ var copyTextarea = document.querySelector('#js-copytextarea');
+
+ document.getElementById('js-copytextarea').value = value;
+ copyTextarea.select();
+
+ try {
+ var successful = document.execCommand('copy');
+ result = 1;
+ } catch (err) {
+ result = 0;
+ }
+
+ return result;
+};
\ No newline at end of file
diff --git a/react/www/index.html b/react/www/index.html
index 5a0bec1..b9e5c06 100644
--- a/react/www/index.html
+++ b/react/www/index.html
@@ -14,7 +14,9 @@
-
-
+
+
+
+
+ {item.modecode}
+
+ 
- 
+ 
+