diff --git a/src/components/app-body/index.js b/src/components/app-body/index.js
index 84b299f..d0c2576 100644
--- a/src/components/app-body/index.js
+++ b/src/components/app-body/index.js
@@ -11,7 +11,8 @@ import React from 'react'
// Local libraries
import GetBalance from '../balance'
-import TakePicture from '../take-picture'
+import Placeholder2 from '../placeholder2'
+import Placeholder3 from '../placeholder3'
let _this
@@ -45,7 +46,9 @@ class AppBody extends React.Component {
case 0:
return ()
case 1:
- return ()
+ return ()
+ case 2:
+ return ()
default:
return ()
}
diff --git a/src/components/nav-menu/index.js b/src/components/nav-menu/index.js
index 4e6b0c9..84647e8 100644
--- a/src/components/nav-menu/index.js
+++ b/src/components/nav-menu/index.js
@@ -16,10 +16,6 @@ class NavMenu extends React.Component {
// This is the event handler passed in from the Parent component.
this.parentMenuHandler = props.menuHandler
-
- // this.state = {
- // selectedMenuItem: 0
- // }
}
render () {
@@ -38,8 +34,8 @@ class NavMenu extends React.Component {
@@ -48,9 +44,6 @@ class NavMenu extends React.Component {
}
handleClickEvent (menuItem) {
- // Update the
- // this.setState({selectedMenuItem: menuItem})
-
// Pass the selected menu item up to the parent component.
this.parentMenuHandler(menuItem)
}
diff --git a/src/components/nfts/index.js b/src/components/nfts/index.js
deleted file mode 100644
index 61c8181..0000000
--- a/src/components/nfts/index.js
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- This is a top level component for displaying the NFTs.
-*/
-
-// Global npm libraries
-import React from 'react'
-import { Container, Row, Col } from 'react-bootstrap'
-
-// Local libraries
-import NFTCard from './nft-card'
-
-class NFTs extends React.Component {
- constructor (props) {
- super(props)
-
- console.log('props passed to NFT component: ', props)
-
- this.groupData = this.props.tokens.groupData
- this.nftData = this.props.tokens.nftData
-
- this.state = {
- nfts: []
- }
- }
-
- async componentDidMount () {
- // console.log('NFT component didMount(). nftData: ', this.nftData)
-
- const nfts = []
- for (let i = 0; i < this.nftData.length; i++) {
- nfts.push()
- }
-
- this.setState({
- nfts
- })
- }
-
- render () {
- // Load spinner at startup while the wallet is being initialized.
- return (
- <>
-
-
-
- Loading NFTs associated with Group token{' '}
-
- {this.groupData.tokenId}
-
-
-
-
-
- {this.state.nfts}
-
- >
- )
- }
-}
-
-export default NFTs
diff --git a/src/components/nfts/nft-card.js b/src/components/nfts/nft-card.js
deleted file mode 100644
index d8fff06..0000000
--- a/src/components/nfts/nft-card.js
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- This component controls the display of each NFT.
-*/
-/* eslint-disable */
-
-// Global npm libraries
-import React from 'react'
-import axios from 'axios'
-import { Container, Row, Col, Image } from 'react-bootstrap'
-
-
-class NFTCard extends React.Component {
- constructor (props) {
- super(props)
-
- // console.log('NFTCard props: ', props)
-
- this.tokenData = props.nftData
-
- this.state = {
- mutableData: {},
- immutableData: {}
- }
- }
-
- render () {
- // console.log('Rendering NFT card with this token data: ', this.tokenData)
-
- return (
-
-
-
-
-
-
-
-
-
-
- {this.tokenData.genesisData.name} ({this.tokenData.genesisData.ticker})
-
-
-
-
- Token ID: {this.tokenData.genesisData.tokenId}
- Description: {this.tokenData.mutableData.description}
- Content:
-
-
-
-
-
-
- )
- }
-}
-
-export default NFTCard
diff --git a/src/components/placeholder2.js b/src/components/placeholder2.js
new file mode 100644
index 0000000..1d7cee1
--- /dev/null
+++ b/src/components/placeholder2.js
@@ -0,0 +1,24 @@
+/*
+ This is a placeholder View
+*/
+
+// Global npm libraries
+import React from 'react'
+
+class Placeholder2 extends React.Component {
+ constructor (props) {
+ super(props)
+
+ console.log('Placeholder 2 loaded.')
+ }
+
+ render () {
+ return (
+ <>
+
This is placeholder View #2
+ >
+ )
+ }
+}
+
+export default Placeholder2
diff --git a/src/components/placeholder3.js b/src/components/placeholder3.js
new file mode 100644
index 0000000..178b544
--- /dev/null
+++ b/src/components/placeholder3.js
@@ -0,0 +1,24 @@
+/*
+ This is a placeholder View
+*/
+
+// Global npm libraries
+import React from 'react'
+
+class Placeholder3 extends React.Component {
+ constructor (props) {
+ super(props)
+
+ console.log('Placeholder 3 loaded.')
+ }
+
+ render () {
+ return (
+ <>
+ This is placeholder View #3
+ >
+ )
+ }
+}
+
+export default Placeholder3
diff --git a/src/components/take-picture/index.js b/src/components/take-picture/index.js
deleted file mode 100644
index 708d343..0000000
--- a/src/components/take-picture/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- This is a View component that allows the user to take a picture with their
- webcam or phone.
-*/
-
-// Global npm libraries
-import React from 'react'
-
-class TakePicture extends React.Component {
- constructor (props) {
- super(props)
-
- console.log('Take Picture component loaded')
-
- // this.state = {
- // activeView: 0,
- // menuState: props.menuState
- // }
- }
-
- render () {
- return (
- <>
- Take Picture Component Placeholder
- >
- )
- }
-}
-
-export default TakePicture