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

invstats component

Browse Source
This commit is contained in:
Mashy 2018-09-22 19:02:13 +10:00
parent 830797c145
commit 836cbddb63
1 changed files with 56 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
client/src/components/invstats.jsx Executable file
View File

@ -0,0 +1,56 @@
const preact = require('preact');
// components all the way down
function InvStats() {
return (
<div className="tile is-ancestor has-text-centered has-background-grey is-dark is-10">
<div className="tile is-6">
<div className="tile is-parent is-vertical is-3">
<article className="tile is-child notification is-success">
<p>Helm Slot</p>
</article>
<article className="tile is-child notification is-success">
<p>Body Armor</p>
</article>
<article className="tile is-child notification is-success">
<p>Gloves</p>
</article>
<article className="tile is-child notification is-success">
<p>Boots</p>
</article>
</div>
<div className="tile is-parent is-6">
<article className="tile is-child notification is-info">
<figure className="image">
<svg width="160" height="160" data-jdenticon-value="UltimateCryp" />
</figure>
<p className="title">Cryp#XYZ</p>
<p className="subtitle">The big boy</p>
</article>
</div>
<div className="tile is-parent is-vertical is-3">
<article className="tile is-child notification is-dark">
<p>Weapon</p>
</article>
<article className="tile is-child notification is-dark">
<p>Jewellery</p>
</article>
<article className="tile is-child notification is-dark">
<p>Artifact</p>
</article>
</div>
</div>
<div className="tile is-parent is-6">
<article className="tile is-child notification has-background-grey is-dark">
<p className="title">Stat Area</p>
</article>
</div>
</div>
);
// map is a function that is called on every element of an array
// so in this ^^ case it calls Icon('Mashy') which returns some jsx
// that gets put into the dom
}
module.exports = InvStats;