20 lines
651 B
JavaScript
20 lines
651 B
JavaScript
import React from "react";
|
|
|
|
export default function Stats(props) {
|
|
if (props.playerStats === null) {
|
|
return <div className="loader"><img alt="loader" src="./loader.svg"></img></div>;
|
|
} else {
|
|
const { xp, quests_completed, total_quests, side_quests_completed, total_side_quests } = props.playerStats;
|
|
return (
|
|
<div className="stats lists nes-container with-title is-dark">
|
|
<p className="title">Player Stats</p>
|
|
<ul className="nes-list is-circle">
|
|
<li> XP: {xp} </li>
|
|
<li> Quests: {quests_completed}/{total_quests} </li>
|
|
<li> Side Quests: {side_quests_completed}/{total_side_quests} </li>
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|
|
}
|