Paste a Bitcoin lightning {' '}
invoice of
- 0.0049 T-BTC to recieve it.
+ {value} T-BTC to recieve it.
lnbc1pvjluezpp5qqqsyqcyq5rqwzqfqqqsyqcyq5rqwzqfqqqsyqcyq5rqwzqfqypqdpl2pkx2ctnv5
@@ -46,6 +47,7 @@ const StyledStepOne = ({ classes }) => (
StyledStepOne.propTypes = {
classes: PropTypes.object.isRequired,
+ value: PropTypes.number.isRequired,
};
export const StepOne = injectSheet(stepOneStyles)(StyledStepOne);
@@ -83,7 +85,7 @@ const stepTwoStyles = () => ({
},
});
-const StyledStepTwo = ({ classes }) => (
+const StyledStepTwo = ({ classes, value }) => (
@@ -94,7 +96,7 @@ const StyledStepTwo = ({ classes }) => (
fontSize: '30px',
}}
>
- Send 0.005 T-BTC
+ Send {value} T-BTC
on Bitcoin
blockchain address:
@@ -110,6 +112,7 @@ const StyledStepTwo = ({ classes }) => (
StyledStepTwo.propTypes = {
classes: PropTypes.object.isRequired,
+ value: PropTypes.number.isRequired,
};
export const StepTwo = injectSheet(stepTwoStyles)(StyledStepTwo);
@@ -185,3 +188,58 @@ StyledStepFour.propTypes = {
};
export const StepFour = injectSheet(stepFourStyles)(StyledStepFour);
+
+const errorStyles = theme => ({
+ wrapper: {
+ width: '700px',
+ height: '400px',
+ boxShadow: '0px 0px 30px -6px rgba(0,0,0,0.52)',
+ backgroundColor: theme.colors.white,
+ flexDirection: 'column',
+ },
+ content: {
+ width: '100%',
+ height: '80%',
+ justifyContent: 'center',
+ alignItems: 'center',
+ },
+ button: {
+ width: '100%',
+ height: '20%',
+ backgroundColor: theme.colors.matisseBlue,
+ '&:hover': {
+ cursor: 'pointer',
+ },
+ },
+ info: {
+ fontSize: '30px',
+ },
+ link: {
+ flex: 1,
+ display: 'flex',
+ justifyContent: 'center',
+ alignItems: 'center',
+ textDecoration: 'none',
+ color: theme.colors.white,
+ },
+});
+
+const StyledError = ({ classes }) => (
+
+
+ You cannot begin a swap.
+
+
+
+ Back
+
+
+
+);
+
+StyledError.propTypes = {
+ classes: PropTypes.object.isRequired,
+ text: PropTypes.string,
+};
+
+export const Error = injectSheet(errorStyles)(StyledError);
diff --git a/src/views/swap/swap.js b/src/views/swap/swap.js
index 5dbd50f..66794f0 100644
--- a/src/views/swap/swap.js
+++ b/src/views/swap/swap.js
@@ -5,6 +5,7 @@ import { FaArrowRight } from 'react-icons/fa';
import View from '../../components/view';
import BackGround from '../../components/background';
import StepsWizard from '../../components/stepswizard';
+import LandingPage from '../../components/landingpage';
import { StepOne, StepTwo, StepThree, StepFour } from './steps';
const styles = () => ({
@@ -28,46 +29,67 @@ Controls.propTypes = {
text: PropTypes.string,
};
-const Swap = ({ classes, history, inSwapMode, toggleSwapMode }) => {
- if (!inSwapMode) {
- history.replace('/');
- }
+const Swap = ({
+ classes,
+ inSwapMode,
+ toggleSwapMode,
+ setSwapAmount,
+ swapInfo,
+}) => {
return (
- toggleSwapMode()}
- alertOnExit={inSwapMode}
- // TODO: change state isSwapMode
- message={'Are you sure?'}
- >
-
- } />
- } />
- } />
- } />
-
-
- }
- />
- }
- />
- }
- />
- }
- />
-
-
+ {inSwapMode ? (
+ {
+ const x = window.confirm('Sure you want to exit');
+ if (x) {
+ setSwapAmount(null, null);
+ toggleSwapMode();
+ }
+ }}
+ alertOnExit={inSwapMode}
+ message={'Are you sure?'}
+ >
+
+ }
+ />
+ }
+ />
+ } />
+ } />
+
+
+ }
+ />
+ }
+ />
+ }
+ />
+ }
+ />
+
+
+ ) : (
+
+ )}
);
@@ -77,7 +99,9 @@ Swap.propTypes = {
classes: PropTypes.object.isRequired,
history: PropTypes.object.isRequired,
inSwapMode: PropTypes.bool.isRequired,
+ swapInfo: PropTypes.object,
toggleSwapMode: PropTypes.func,
+ setSwapAmount: PropTypes.func,
};
export default injectSheet(styles)(Swap);
diff --git a/src/views/swap/swapActions.js b/src/views/swap/swapActions.js
new file mode 100644
index 0000000..ce7211c
--- /dev/null
+++ b/src/views/swap/swapActions.js
@@ -0,0 +1,17 @@
+import * as actionTypes from '../../constants/actions';
+
+export const toggleSwapMode = () => ({
+ type: actionTypes.ENTER_SWAP_MODE,
+});
+
+/**
+ * @param sent amount sent
+ * @param received amount received
+ */
+export const setSwapAmount = (sent, received) => ({
+ type: actionTypes.SET_SWAP_AMOUNT,
+ payload: {
+ sent,
+ received,
+ },
+});
diff --git a/src/views/landingPage/landingPageReducer.js b/src/views/swap/swapReducer.js
similarity index 59%
rename from src/views/landingPage/landingPageReducer.js
rename to src/views/swap/swapReducer.js
index b850334..8e3f102 100644
--- a/src/views/landingPage/landingPageReducer.js
+++ b/src/views/swap/swapReducer.js
@@ -2,6 +2,10 @@ import * as actionTypes from '../../constants/actions';
const initalState = {
inSwapMode: false,
+ swapInfo: {
+ sent: null,
+ received: null,
+ },
};
const reducer = (state = initalState, action) => {
@@ -11,6 +15,14 @@ const reducer = (state = initalState, action) => {
...state,
inSwapMode: !state.inSwapMode,
};
+ case actionTypes.SET_SWAP_AMOUNT:
+ return {
+ ...state,
+ swapInfo: {
+ sent: action.payload.sent,
+ received: action.payload.received,
+ },
+ };
default:
return state;
}