PolyPaw/habitica-sync
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS Added

Browse source
This commit is contained in:
Leoh 2021-10-17 00:00:39 +05:30
parent e3f1d13ee0
commit f195546524
4 changed files with 29 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

1
view/App.tsx
View file

@ -106,6 +106,7 @@ class App extends React.Component<any,any> {
return <div className="loading">Loading....</div>
else {
return (<div className="plugin-root">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<Statsview user_data={this.state.user_data} />
<Taskview todos={this.state.todos} onChange={this.handleChange} />
</div>

6
view/Components/Statsview/index.tsx
View file

@ -2,10 +2,10 @@ import * as React from 'react';
export default function Index(props: any) {
return(
<div id="stats">
<div className="stats">
<div id="profile-name">{props.user_data.profile.name}</div>
<div id="hp">HP: {props.user_data.stats.hp}</div>
<div id="lvl">LVL: {props.user_data.stats.lvl}</div>
<div className = "substats" id="hp"><i className="material-icons">favorite</i>HP: {(props.user_data.stats.hp).toPrecision(3)}</div>
<div className = "substats" id="lvl"><i className="material-icons">star</i>LVL: {props.user_data.stats.lvl}</div>
</div>
);
}