Created demo component

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 (
+      <Content
+        title="Demo Component"
+        subTitle="Getting started with adminlte-2-react"
+        browserTitle="Demo Component"
+      >
+        <Row>
+          <Col xs={12}>
+            <Box
+              title="A Box"
+              type="primary"
+              closable
+              collapsable
+              footer={<Button type="danger" text="Danger Button" />}
+            >
+              This is the View portion of the Demo Component. This view is
+              controlled by the src/demo-component/index.js file.
+            </Box>
+          </Col>
+        </Row>
+      </Content>
+    )
+  }
+}
+
+export default DemoComponent

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: <div>Test!</div>,
-    menuItem: <Item icon='fas-cog' key='New Component' text='New Component' />
+    key: 'Demo Component',
+    component: <DemoComponent />,
+    menuItem: <Item icon="fas-cog" key="Demo Component" text="Demo Component" />
   }
 ]