From 54dc1f04add2c75c6e5010c74d83eb9ded0fc1a6 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Mon, 6 Aug 2018 13:53:04 -0400
Subject: [PATCH] add back explorerLayout

---
 embark-ui/src/components/ExplorerLayout.js | 62 ++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 embark-ui/src/components/ExplorerLayout.js

diff --git a/embark-ui/src/components/ExplorerLayout.js b/embark-ui/src/components/ExplorerLayout.js
new file mode 100644
index 00000000..bb7299c7
--- /dev/null
+++ b/embark-ui/src/components/ExplorerLayout.js
@@ -0,0 +1,62 @@
+import React from 'react';
+import {NavLink, Route, Switch, withRouter} from 'react-router-dom';
+import {
+  Page,
+  Grid,
+  List
+} from "tabler-react";
+
+import AccountsContainer from '../containers/AccountsContainer';
+import AccountContainer from '../containers/AccountContainer';
+import BlocksContainer from '../containers/BlocksContainer';
+import BlockContainer from '../containers/BlockContainer';
+import TransactionsContainer from '../containers/TransactionsContainer';
+import TransactionContainer from '../containers/TransactionContainer';
+
+const ExplorerLayout = () => (
+  <Grid.Row>
+    <Grid.Col md={3}>
+      <Page.Title className="my-5">Explorer</Page.Title>
+      <div>
+        <List.Group transparent={true}>
+          <List.GroupItem
+            className="d-flex align-items-center"
+            to="/embark/explorer/accounts"
+            icon="users"
+            RootComponent={withRouter(NavLink)}
+          >
+            Accounts
+          </List.GroupItem>
+          <List.GroupItem
+            className="d-flex align-items-center"
+            to="/embark/explorer/blocks"
+            icon="book-open"
+            RootComponent={withRouter(NavLink)}
+          >
+            Blocks
+          </List.GroupItem>
+          <List.GroupItem
+            className="d-flex align-items-center"
+            to="/embark/explorer/transactions"
+            icon="activity"
+            RootComponent={withRouter(NavLink)}
+          >
+            Transactions
+          </List.GroupItem>
+        </List.Group>
+      </div>
+    </Grid.Col>
+    <Grid.Col md={9}>
+      <Switch>
+        <Route exact path="/embark/explorer/accounts" component={AccountsContainer} />
+        <Route exact path="/embark/explorer/accounts/:address" component={AccountContainer} />
+        <Route exact path="/embark/explorer/blocks" component={BlocksContainer} />
+        <Route exact path="/embark/explorer/blocks/:blockNumber" component={BlockContainer} />
+        <Route exact path="/embark/explorer/transactions" component={TransactionsContainer} />
+        <Route exact path="/embark/explorer/transactions/:hash" component={TransactionContainer} />
+      </Switch>
+    </Grid.Col>
+  </Grid.Row>
+);
+
+export default ExplorerLayout;