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