Refactoring of the Dapp Registry (#4589)

* Add React Hot Loader to DappReg dapp

* Updated colours

* Add DappCards

* Dapp Modal with manifest displayed

* Add input to the Dapp Modal

* WIP // Editing a Dapp

* Clean-Up

* Linting

* CleanUp and separate dapp from dappS

* Semi-working updates

* Working Editing of a Dapp

* OCD

* Linting

* Add a Dapp -- WIP

* Register a new Dapp

* WIP Dapps

* Working update / delete / register

* Better promises

* Working updates for DappReg

* Fully functional again !

* Generic Card Component

* Dashed Register Card

* Cleanups

* Cleanups

* Add Actions to Modal

* Clean-Up

* Better Close Icon

* Single place for Registry version // Fetch meta-data from Registry

* Fixing test

* Fix saving changes in dapp reg

* PR Grumbles - Part I

* PR Grumble - Part I

* PR Grumble - Part II

* DappReg Contract owner can delete dapps

js/src/dapps/dappreg/Dapps/dapps.css

@@ -0,0 +1,38 @@
+/* Copyright 2015-2017 Parity Technologies (UK) Ltd.
+/* This file is part of Parity.
+/*
+/* Parity is free software: you can redistribute it and/or modify
+/* it under the terms of the GNU General Public License as published by
+/* the Free Software Foundation, either version 3 of the License, or
+/* (at your option) any later version.
+/*
+/* Parity is distributed in the hope that it will be useful,
+/* but WITHOUT ANY WARRANTY; without even the implied warranty of
+/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+/* GNU General Public License for more details.
+/*
+/* You should have received a copy of the GNU General Public License
+/* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+.dapps {
+  background-color: rgba(255, 255, 255, 0.9);
+  margin: 1rem;
+  padding: 1rem;
+  text-align: left;
+}
+
+.container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+
+  > * {
+    flex: 0 0 auto;
+    display: flex;
+  }
+}
+
+.title {
+  margin: 0 0 0.5rem;
+}

js/src/dapps/dappreg/Dapps/dapps.js

@@ -0,0 +1,73 @@
+// Copyright 2015-2017 Parity Technologies (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { Component, PropTypes } from 'react';
+
+import CreateDappCard from '../CreateDappCard';
+import DappCard from '../DappCard';
+
+import styles from './dapps.css';
+
+export default class Dapps extends Component {
+  static propTypes = {
+    dapps: PropTypes.array.isRequired,
+    title: PropTypes.string.isRequired,
+    own: PropTypes.bool
+  };
+
+  static defaultProps = {
+    own: false
+  };
+
+  render () {
+    const { dapps, title } = this.props;
+
+    return (
+      <div className={ styles.dapps }>
+        <h2 className={ styles.title }>{ title }</h2>
+        <div className={ styles.container }>
+          { this.renderAddDapp() }
+          { this.renderDapps(dapps) }
+        </div>
+      </div>
+    );
+  }
+
+  renderAddDapp () {
+    const { own } = this.props;
+
+    if (!own) {
+      return null;
+    }
+
+    return (
+      <CreateDappCard />
+    );
+  }
+
+  renderDapps (dapps) {
+    return dapps.map((dapp) => {
+      const { id } = dapp;
+
+      return (
+        <DappCard
+          dapp={ dapp }
+          key={ id }
+        />
+      );
+    });
+  }
+}

js/src/dapps/dappreg/Dapps/index.js

@@ -0,0 +1,17 @@
+// Copyright 2015-2017 Parity Technologies (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+export default from './dapps';