Merge pull request #5 from Permissionless-Software-Foundation/ct-unstable

Created demo component

.eslintrc.json

@@ -6,5 +6,8 @@
   },
   "parserOptions": {
     "ecmaVersion": 10
+  },
+  "rules": {
+    "no-unused-vars": "off"
   }
 }

.prettierrc

@@ -1,4 +1,5 @@
 {
   "arrowParens": "avoid",
-  "semi": false
+  "semi": false,
+  "no-unused-vars": false
 }

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' />
   }
 ]