|
1 | | -import React, { Component } from 'react'; |
| 1 | +import React from 'react'; |
2 | 2 | import { observer, inject } from 'mobx-react'; |
3 | 3 |
|
4 | 4 | import Language from '../language/language'; |
5 | 5 |
|
6 | 6 | // Stylesheet Imports |
7 | 7 | import './stylesheets/user.scss'; |
8 | 8 |
|
9 | | -const User = ({user, fullName, age, xp}) => ( |
| 9 | +const User = ({ user }) => ( |
10 | 10 | <div id="user"> |
11 | | - <div className="container"> |
12 | | - <div className="card"> |
13 | | - <div className="card-block"> |
14 | | - <h4 className="card-title"> |
15 | | - {fullName}, <small>{age}</small> |
16 | | - </h4> |
17 | | - <h6 className="card-subtitle mb-2 text-muted"> |
18 | | - <Language resource="XP_TITLE" />: {xp} |
19 | | - </h6> |
20 | | - <p className="card-text"> |
21 | | - <Language resource="APP_DESCRIPTION" /> |
22 | | - </p> |
23 | | - <button |
24 | | - className="d-block btn btn-primary" |
25 | | - onClick={() => user.increaseXp(100)} |
26 | | - > |
27 | | - <Language resource="ACTIONS.INCREASE_XP" /> |
28 | | - </button> |
29 | | - <button |
30 | | - className="d-block btn btn-secondary" |
31 | | - onClick={() => user.changeName('John')} |
32 | | - > |
33 | | - <Language resource="ACTIONS.CHANGE_NAME" /> |
34 | | - </button> |
35 | | - <button |
36 | | - className="d-block btn btn-secondary" |
37 | | - onClick={() => user.changeLastName('Doe')} |
38 | | - > |
39 | | - <Language resource="ACTIONS.CHANGE_LASTNAME" /> |
40 | | - </button> |
41 | | - </div> |
42 | | - </div> |
| 11 | + <div className="container"> |
| 12 | + <div className="card"> |
| 13 | + <div className="card-block"> |
| 14 | + <h4 className="card-title"> |
| 15 | + {user.fullName}, <small>{user.age}</small> |
| 16 | + </h4> |
| 17 | + <h6 className="card-subtitle mb-2 text-muted"> |
| 18 | + <Language resource="XP_TITLE" />: {user.xp} |
| 19 | + </h6> |
| 20 | + <p className="card-text"> |
| 21 | + <Language resource="APP_DESCRIPTION" /> |
| 22 | + </p> |
| 23 | + <button |
| 24 | + className="d-block btn btn-primary" |
| 25 | + onClick={() => user.increaseXp(100)} |
| 26 | + > |
| 27 | + <Language resource="ACTIONS.INCREASE_XP" /> |
| 28 | + </button> |
| 29 | + <button |
| 30 | + className="d-block btn btn-secondary" |
| 31 | + onClick={() => user.changeName('John')} |
| 32 | + > |
| 33 | + <Language resource="ACTIONS.CHANGE_NAME" /> |
| 34 | + </button> |
| 35 | + <button |
| 36 | + className="d-block btn btn-secondary" |
| 37 | + onClick={() => user.changeLastName('Doe')} |
| 38 | + > |
| 39 | + <Language resource="ACTIONS.CHANGE_LASTNAME" /> |
| 40 | + </button> |
43 | 41 | </div> |
44 | 42 | </div> |
45 | | -) |
| 43 | + </div> |
| 44 | + </div> |
| 45 | +); |
46 | 46 |
|
47 | 47 | export default inject('user')(observer(User)); |
0 commit comments