From 5e88fd01828ff45228e5768d35c94867b0705089 Mon Sep 17 00:00:00 2001
From: Monia <3ditds@gmail.com>
Date: Mon, 10 Dec 2018 22:06:12 +0200
Subject: [PATCH] feat: prompt component (#16)

---
 src/components/prompt/index.js | 10 ++++++++++
 src/views/refund/refund.js     |  2 ++
 src/views/swap/swap.js         |  2 ++
 3 files changed, 14 insertions(+)
 create mode 100644 src/components/prompt/index.js

diff --git a/src/components/prompt/index.js b/src/components/prompt/index.js
new file mode 100644
index 0000000..65edb97
--- /dev/null
+++ b/src/components/prompt/index.js
@@ -0,0 +1,10 @@
+import React from 'react';
+
+const Prompt = () => {
+  window.onbeforeunload = () => {
+    return true;
+  };
+  return <span style={{ display: 'none' }} />;
+};
+
+export default Prompt;
diff --git a/src/views/refund/refund.js b/src/views/refund/refund.js
index a75ffd1..e270fc2 100644
--- a/src/views/refund/refund.js
+++ b/src/views/refund/refund.js
@@ -4,6 +4,7 @@ import injectSheet from 'react-jss';
 import { FaArrowRight } from 'react-icons/fa';
 import Background from '../../components/background';
 import StepsWizard from '../../components/stepswizard';
+import Prompt from '../../components/prompt';
 import View from '../../components/view';
 import { StepOne, StepTwo, StepFour } from './steps';
 
@@ -41,6 +42,7 @@ class Refund extends React.Component {
     const { classes, inRefundMode, goHome } = this.props;
     return (
       <Background>
+        <Prompt />
         <View className={classes.wrapper}>
           <StepsWizard
             dark={true}
diff --git a/src/views/swap/swap.js b/src/views/swap/swap.js
index a69ea79..2584874 100644
--- a/src/views/swap/swap.js
+++ b/src/views/swap/swap.js
@@ -6,6 +6,7 @@ import { generateKeys } from '../../action';
 import View from '../../components/view';
 import BackGround from '../../components/background';
 import StepsWizard from '../../components/stepswizard';
+import Prompt from '../../components/prompt';
 import { FEE } from '../../constants/fees';
 import { StepOne, StepTwo, StepThree, StepFour } from './steps';
 
@@ -51,6 +52,7 @@ const Swap = ({
 }) => {
   return (
     <BackGround>
+      <Prompt />
       <View className={classes.wrapper}>
         <StepsWizard
           range={4}