From c76c9ca2c86317f902f443db2c5704d4bf6311c0 Mon Sep 17 00:00:00 2001
From: bitpshr <mail@bitpshr.net>
Date: Thu, 27 Sep 2018 14:19:09 -0400
Subject: EIP-1102: updated implementation

---
 old-ui/app/provider-approval.js | 64 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 old-ui/app/provider-approval.js

(limited to 'old-ui/app/provider-approval.js')

diff --git a/old-ui/app/provider-approval.js b/old-ui/app/provider-approval.js
new file mode 100644
index 000000000..c4c7ff64d
--- /dev/null
+++ b/old-ui/app/provider-approval.js
@@ -0,0 +1,64 @@
+import PropTypes from 'prop-types'
+import React, { Component } from 'react'
+import { approveProviderRequest, rejectProviderRequest } from '../../ui/app/actions'
+import { connect } from 'react-redux'
+class ProviderApproval extends Component {
+  render () {
+    const { approveProviderRequest, origin, rejectProviderRequest } = this.props
+    return (
+      <div className="flex-column flex-grow">
+        <style dangerouslySetInnerHTML={{__html: `
+          .provider_approval_actions {
+            display: flex;
+            justify-content: flex-end;
+            margin: 14px 25px;
+          }
+          .provider_approval_actions button {
+            margin-left: 10px;
+            text-transform: uppercase;
+          }
+          .provider_approval_content {
+            padding: 0 25px;
+          }
+          .provider_approval_origin {
+            font-weight: bold;
+            margin: 14px 0;
+          }
+        `}} />
+        <div className="section-title flex-row flex-center">
+          <i
+            className="fa fa-arrow-left fa-lg cursor-pointer"
+            onClick={() => { rejectProviderRequest(origin) }} />
+          <h2 className="page-subtitle">Web3 API Request</h2>
+        </div>
+        <div className="provider_approval_content">
+          {"The domain listed below is requesting access to the Ethereum blockchain and to view your current account. Always double check that you're on the correct site before approving access."}
+          <div className="provider_approval_origin">{origin}</div>
+        </div>
+        <div className="provider_approval_actions">
+          <button
+            className="btn-green"
+            onClick={() => { approveProviderRequest(origin) }}>APPROVE</button>
+          <button
+            className="cancel btn-red"
+            onClick={() => { rejectProviderRequest(origin) }}>REJECT</button>
+        </div>
+      </div>
+    )
+  }
+}
+
+ProviderApproval.propTypes = {
+  approveProviderRequest: PropTypes.func,
+  origin: PropTypes.string,
+  rejectProviderRequest: PropTypes.func,
+}
+
+function mapDispatchToProps (dispatch) {
+  return {
+    approveProviderRequest: origin => dispatch(approveProviderRequest(origin)),
+    rejectProviderRequest: origin => dispatch(rejectProviderRequest(origin)),
+  }
+}
+
+module.exports = connect(null, mapDispatchToProps)(ProviderApproval)
-- 
cgit