1 files changed, 31 insertions, 0 deletions
diff --git a/ui/app/pages/settings/connections-tab/connected-site-row/connected-site-row.component.js b/ui/app/pages/settings/connections-tab/connected-site-row/connected-site-row.component.js
new file mode 100644
index 000000000..37c068ab5
--- /dev/null
+++ b/ui/app/pages/settings/connections-tab/connected-site-row/connected-site-row.component.js
@@ -0,0 +1,31 @@
+import React, { PureComponent } from 'react'
+import PropTypes from 'prop-types'
+
+export default class ConnectedSiteRow extends PureComponent {
+  static defaultProps = {
+    siteTitle: null,
+    siteImage: null,
+    onDelete: () => {},
+  }
+
+  static propTypes = {
+    siteTitle: PropTypes.string,
+    siteImage: PropTypes.string,
+    origin: PropTypes.string.isRequired,
+    onDelete: PropTypes.func,
+  }
+
+  render () {
+    const {
+      origin,
+      onDelete,
+    } = this.props
+
+    return (
+      <div className="connected-site-row">
+        <div className="connected-site-row__origin">{origin}</div>
+        <div className="connected-site-row__delete" onClick={onDelete}><i className="fa fa-trash" /></div>
+      </div>
+    )
+  }
+}