diff --git a/src/demo-component/index.js b/src/demo-component/index.js
new file mode 100644
index 0000000..80089d6
--- /dev/null
+++ b/src/demo-component/index.js
@@ -0,0 +1,39 @@
+/*
+ This is a demonstration component. It helps to show how you can create new
+ menu items and Views in your own BCH web wallet dashboard app.
+
+ This file controls the View (the part on the right side of the dashboard) of
+ the component. The menu item is controlled by the menu-components.js file.
+*/
+
+import React from 'react'
+import { Row, Col, Content, Box, Button } from 'adminlte-2-react'
+
+class DemoComponent extends React.Component {
+ render () {
+ return (
+
+
+
+ }
+ >
+ This is the View portion of the Demo Component. This view is
+ controlled by the src/demo-component/index.js file.
+
+
+
+
+ )
+ }
+}
+
+export default DemoComponent
diff --git a/src/gatsby-ipfs-web-wallet/components/menu-components.js b/src/gatsby-ipfs-web-wallet/components/menu-components.js
index 6e02fd0..5fc0d6e 100644
--- a/src/gatsby-ipfs-web-wallet/components/menu-components.js
+++ b/src/gatsby-ipfs-web-wallet/components/menu-components.js
@@ -8,14 +8,15 @@
import React from 'react'
import { Sidebar } from 'adminlte-2-react'
+import DemoComponent from '../../demo-component'
const { Item } = Sidebar
const MenuComponents = [
{
- key: 'New Component',
- component:
Test!
,
- menuItem:
+ key: 'Demo Component',
+ component: ,
+ menuItem:
}
]