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: } ]