diff --git a/ui/js/modal/modalInsufficientBalance/index.js b/ui/js/modal/modalInsufficientBalance/index.js
new file mode 100644
index 000000000..c56232caf
--- /dev/null
+++ b/ui/js/modal/modalInsufficientBalance/index.js
@@ -0,0 +1,16 @@
+import React from "react";
+import { connect } from "react-redux";
+import { doCloseModal, doNavigate } from "actions/app";
+import ModalInsufficientBalance from "./view";
+
+const select = state => ({});
+
+const perform = dispatch => ({
+ addBalance: () => {
+ dispatch(doNavigate("/wallet"));
+ dispatch(doCloseModal());
+ },
+ closeModal: () => dispatch(doCloseModal()),
+});
+
+export default connect(select, perform)(ModalInsufficientBalance);
diff --git a/ui/js/modal/modalInsufficientBalance/view.jsx b/ui/js/modal/modalInsufficientBalance/view.jsx
new file mode 100644
index 000000000..d1287d9c5
--- /dev/null
+++ b/ui/js/modal/modalInsufficientBalance/view.jsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Modal } from "modal/modal";
+
+class ModalInsufficientBalance extends React.PureComponent {
+ render() {
+ const { addBalance, closeModal } = this.props;
+
+ return (
+
+ {__(
+ "Insufficient balance: after this transaction you would have less than 1 LBC in your wallet."
+ )}
+
+ );
+ }
+}
+
+export default ModalInsufficientBalance;
diff --git a/ui/js/modal/modalRouter/view.jsx b/ui/js/modal/modalRouter/view.jsx
index d2280821e..6d8ca4017 100644
--- a/ui/js/modal/modalRouter/view.jsx
+++ b/ui/js/modal/modalRouter/view.jsx
@@ -6,8 +6,10 @@ import ModalInsufficientCredits from "modal/modalInsufficientCredits";
import ModalUpgrade from "modal/modalUpgrade";
import ModalWelcome from "modal/modalWelcome";
import ModalFirstReward from "modal/modalFirstReward";
-import * as modals from "constants/modal_types";
import ModalCreditIntro from "modal/modalCreditIntro";
+import ModalTransactionFailed from "modal/modalTransactionFailed";
+import ModalInsufficientBalance from "modal/modalInsufficientBalance";
+import * as modals from "constants/modal_types";
class ModalRouter extends React.PureComponent {
componentWillMount() {
@@ -51,6 +53,10 @@ class ModalRouter extends React.PureComponent {
return ;
case modals.CREDIT_INTRO:
return ;
+ case modals.TRANSACTION_FAILED:
+ return ;
+ case modals.INSUFFICIENT_BALANCE:
+ return ;
default:
return null;
}
diff --git a/ui/js/modal/modalTransactionFailed/index.js b/ui/js/modal/modalTransactionFailed/index.js
new file mode 100644
index 000000000..4b370a7c8
--- /dev/null
+++ b/ui/js/modal/modalTransactionFailed/index.js
@@ -0,0 +1,12 @@
+import React from "react";
+import { connect } from "react-redux";
+import { doCloseModal } from "actions/app";
+import ModalTransactionFailed from "./view";
+
+const select = state => ({});
+
+const perform = dispatch => ({
+ closeModal: () => dispatch(doCloseModal()),
+});
+
+export default connect(select, perform)(ModalTransactionFailed);
diff --git a/ui/js/modal/modalTransactionFailed/view.jsx b/ui/js/modal/modalTransactionFailed/view.jsx
new file mode 100644
index 000000000..b2d4a3558
--- /dev/null
+++ b/ui/js/modal/modalTransactionFailed/view.jsx
@@ -0,0 +1,20 @@
+import React from "react";
+import { Modal } from "modal/modal";
+
+class ModalTransactionFailed extends React.PureComponent {
+ render() {
+ const { closeModal } = this.props;
+
+ return (
+
+ {__("Something went wrong")}:
+
+ );
+ }
+}
+
+export default ModalTransactionFailed;