#5 portal; battlegear, creatures, locations, mugic

This commit is contained in:
Daniel 2018-01-20 20:47:37 -05:00
parent e0df5ec9ba
commit d4df504651
4 changed files with 20 additions and 16 deletions

View File

@ -1,9 +1,10 @@
import React from 'react';
import Interactive from 'react-interactive';
import { Link } from 'react-router-dom';
import API from '../../SpreadsheetData';
import s from '../../../styles/app.style';
import { Link, Route } from 'react-router-dom';
import {observer, inject} from 'mobx-react';
import s from '../../../styles/app.style';
import API from '../../SpreadsheetData';
import SingleBattlegear from '../Single/Battlegear';
@inject((stores, props, context) => props) @observer
export default class Battlegear extends React.Component {
@ -52,7 +53,7 @@ export default class Battlegear extends React.Component {
{output}
</div>
<div className="right">
{this.props.children}
<Route path={`${this.props.match.url}/:card`} component={SingleBattlegear} />
</div>
</div>);
}

View File

@ -1,9 +1,10 @@
import React from 'react';
import Interactive from 'react-interactive';
import { Link } from 'react-router-dom';
import API from '../../SpreadsheetData';
import s from '../../../styles/app.style';
import { Link, Route } from 'react-router-dom';
import {observer, inject} from 'mobx-react';
import s from '../../../styles/app.style';
import API from '../../SpreadsheetData';
import Creature from '../Single/Creature';
@inject((stores, props, context) => props) @observer
export default class Creatures extends React.Component {
@ -101,7 +102,7 @@ export default class Creatures extends React.Component {
{output}
</div>
<div className="right">
{this.props.children}
<Route path={`${this.props.match.url}/:card`} component={Creature} />
</div>
</div>);
}

View File

@ -1,9 +1,10 @@
import React from 'react';
import Interactive from 'react-interactive';
import { Link } from 'react-router-dom';
import API from '../../SpreadsheetData';
import s from '../../../styles/app.style';
import { Link, Route } from 'react-router-dom';
import {observer, inject} from 'mobx-react';
import s from '../../../styles/app.style';
import API from '../../SpreadsheetData';
import Location from '../Single/Location';
@inject((stores, props, context) => props) @observer
export default class Locations extends React.Component {
@ -52,7 +53,7 @@ export default class Locations extends React.Component {
{output}
</div>
<div className="right">
{this.props.children}
<Route path={`${this.props.match.url}/:card`} component={Location} />
</div>
</div>);
}

View File

@ -1,9 +1,10 @@
import React from 'react';
import Interactive from 'react-interactive';
import { Link } from 'react-router-dom';
import API from '../../SpreadsheetData';
import s from '../../../styles/app.style';
import { Link, Route } from 'react-router-dom';
import {observer, inject} from 'mobx-react';
import s from '../../../styles/app.style';
import API from '../../SpreadsheetData';
import SingleMugic from '../Single/Mugic';
@inject((stores, props, context) => props) @observer
export default class Mugic extends React.Component {
@ -105,7 +106,7 @@ export default class Mugic extends React.Component {
{output}
</div>
<div className="right">
{this.props.children}
<Route path={`${this.props.match.url}/:card`} component={SingleMugic} />
</div>
</div>);
}