Leahnaya/chaoticbackup.github.io
1
0
Fork 0
mirror of https://github.com/chaoticbackup/chaoticbackup.github.io.git synced 2026-03-21 17:24:14 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

support for thumbnails

Browse Source
This commit is contained in:
Daniel 2017-11-12 22:14:13 -05:00
parent b6119417eb
commit 834e789ad5
3 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
build/bundle.js
View File

File diff suppressed because one or more lines are too long

14
src/components/portal/Category/Creatures.js
View File

@ -30,7 +30,8 @@ export default class Creatures extends React.Component {
})();
if (store.urls === null ||
store.portal === null) {
store.portal === null ||
store.cards === null) {
return (<span>Loading...</span>);
}
@ -58,6 +59,11 @@ export default class Creatures extends React.Component {
);
}
if (!store.cards.built.includes("creatures_Cards")) {
store.cards.setupCreatures("Cards");
return (<span>Loading...</span>);
}
if (!store.portal.built.includes("creatures_"+tribe)) {
store.portal.setupCreatures(tribe);
return (<span>Loading...</span>);
@ -65,11 +71,15 @@ export default class Creatures extends React.Component {
const creatures = store.portal.creatures.find({'gsx$tribe': tribe});
const output = creatures.map((creature, i) => {
const card_data = store.cards.creatures.findOne({'gsx$name': creature.gsx$name});
return (
<div key={i}>
<Interactive as={Link} {...s.link}
to={'/portal/Creatures/'+tribe+'/'+creature.gsx$name}
><span>{creature.gsx$name}</span></Interactive>
>
<span>{creature.gsx$name}</span><br />
<img className="thumb" src={store.base_image + card_data.gsx$thumb}></img>
</Interactive>
</div>
);
});

6
src/components/portal/Single/Creature.js
View File

@ -65,7 +65,7 @@ export default class SingleCreature extends React.Component {
return <p key={i}><Interactive as={Link} {...s.link} to={"/portal/Battlegear/"+item}><span>{item}</span></Interactive></p>;
});
const elements = card_data.gsx$elements.split(/[ ,]+/).map((item, i) => {
const elements = card_data.gsx$elements.split(/[ ,]+/).filter(Boolean).map((item, i) => {
return <img className="icon" src={"/src/img/icons/elements/"+item.toLowerCase()+".png"} alt={item} key={i}></img>;
});
@ -140,8 +140,8 @@ export default class SingleCreature extends React.Component {
</div>
<hr />
<div>
<strong>Tribe: </strong>{tribe}
<img className="icon" src={"/src/img/icons/tribes/"+tribe.toLowerCase()+".png"}></img>
<strong>Tribe: </strong>
<img className="icon" src={"/src/img/icons/tribes/"+tribe.toLowerCase()+".png"}></img>{tribe}
</div>
<hr />
<div>