ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

default img

Browse Source
This commit is contained in:
ntr 2019-05-01 21:26:58 +10:00
parent 066bfd0756
commit 07ca704ea9
5 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/game.component.jsx
View File

@ -1,7 +1,7 @@
const preact = require('preact');
const range = require('lodash/range');
const { STATS, eventClasses, getCombatText, genAvatar } = require('../utils');
const { STATS, eventClasses, getCombatText, crypAvatar } = require('../utils');
const GameCryp = require('./game.cryp');
const SkillBtn = require('./skill.btn');
@ -154,7 +154,7 @@ function GamePanel(props) {
style={ activeSkill ? { cursor: 'pointer' } : {}}
onClick={() => selectSkillTarget(cryp.id)} >
<figure className="img">
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} />
{crypAvatar(cryp.name)}
{combatTextEl}
<div>{cryp.name}</div>
</figure>

5
client/src/components/game.cryp.jsx
View File

@ -2,9 +2,8 @@ const { connect } = require('preact-redux');
const preact = require('preact');
const range = require('lodash/range');
const molecule = require('./molecule');
const actions = require('../actions');
const { STATS, eventClasses, getCombatText, genAvatar } = require('../utils');
const { STATS, eventClasses, getCombatText, crypAvatar } = require('../utils');
const SkillBtn = require('./skill.btn');
@ -91,7 +90,7 @@ function GameCryp(props) {
<figure
className="img"
onClick={() => selectSkillTarget(cryp.id)} >
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} />
{crypAvatar(cryp.name)}
{combatTextEl}
<div>{cryp.name}</div>
</figure>

5
client/src/components/instance.cryps.jsx
View File

@ -3,8 +3,7 @@ const preact = require('preact');
const range = require('lodash/range');
const mapValues = require('lodash/mapValues');
const molecule = require('./molecule');
const { SPECS, genAvatar } = require('../utils');
const { SPECS, crypAvatar } = require('../utils');
const actions = require('../actions');
const SkillBtn = require('./skill.btn');
@ -132,7 +131,7 @@ function Cryp(props) {
>
<div className="cryp-box-top">
<figure className="img" onClick={onClick}>
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} />
{crypAvatar(cryp.name)}
<figcaption>{cryp.name}</figcaption>
</figure>
<div className="skills">

5
client/src/components/menu.component.jsx
View File

@ -3,8 +3,7 @@ const range = require('lodash/range');
const { NULL_UUID } = require('./../utils');
const { stringSort, genAvatar } = require('./../utils');
const molecule = require('./molecule');
const { stringSort, crypAvatar } = require('./../utils');
const SpawnButton = require('./spawn.button');
const InstanceCreateForm = require('./instance.create.form');
@ -123,7 +122,7 @@ function Menu(args) {
className="menu-cryp"
style={ { 'border-color': borderColour || 'whitesmoke' } }
onClick={() => selectCryp(cryp.id)} >
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} />
{crypAvatar(cryp.name)}
<h2>{cryp.name}</h2>
</div>
</div>

11
client/src/utils.jsx
View File

@ -1,3 +1,4 @@
const preact = require('preact');
const get = require('lodash/get');
const shapes = require('./components/shapes');
@ -52,6 +53,15 @@ function requestAvatar(name) {
.then(svg => svg);
}
function crypAvatar(name) {
return (
<img
src={`/molecules/${genAvatar(name)}.svg`}
onError={event => event.target.setAttribute('src', '/molecules/726.svg')}
/>
);
}
const NULL_UUID = '00000000-0000-0000-0000-000000000000';
const STATS = {
@ -306,6 +316,7 @@ module.exports = {
stringSort,
numSort,
genAvatar,
crypAvatar,
requestAvatar,
eventClasses,
getCombatSequence,