Skip to content

Commit

Permalink
🔥 Quick Hotfix - Fixed user props
Browse files Browse the repository at this point in the history
Fixed a little issue with user deconstructed props :)
Now everything works smoothly as expected 👌
  • Loading branch information
alexvcasillas authored Apr 27, 2017
1 parent 79ef6a8 commit aa3a2b1
Showing 1 changed file with 35 additions and 35 deletions.
70 changes: 35 additions & 35 deletions src/components/user/user.jsx
Original file line number Diff line number Diff line change
@@ -1,47 +1,47 @@
import React, { Component } from 'react';
import React from 'react';
import { observer, inject } from 'mobx-react';

import Language from '../language/language';

// Stylesheet Imports
import './stylesheets/user.scss';

const User = ({user, fullName, age, xp}) => (
const User = ({ user }) => (
<div id="user">
<div className="container">
<div className="card">
<div className="card-block">
<h4 className="card-title">
{fullName}, <small>{age}</small>
</h4>
<h6 className="card-subtitle mb-2 text-muted">
<Language resource="XP_TITLE" />: {xp}
</h6>
<p className="card-text">
<Language resource="APP_DESCRIPTION" />
</p>
<button
className="d-block btn btn-primary"
onClick={() => user.increaseXp(100)}
>
<Language resource="ACTIONS.INCREASE_XP" />
</button>
<button
className="d-block btn btn-secondary"
onClick={() => user.changeName('John')}
>
<Language resource="ACTIONS.CHANGE_NAME" />
</button>
<button
className="d-block btn btn-secondary"
onClick={() => user.changeLastName('Doe')}
>
<Language resource="ACTIONS.CHANGE_LASTNAME" />
</button>
</div>
</div>
<div className="container">
<div className="card">
<div className="card-block">
<h4 className="card-title">
{user.fullName}, <small>{user.age}</small>
</h4>
<h6 className="card-subtitle mb-2 text-muted">
<Language resource="XP_TITLE" />: {user.xp}
</h6>
<p className="card-text">
<Language resource="APP_DESCRIPTION" />
</p>
<button
className="d-block btn btn-primary"
onClick={() => user.increaseXp(100)}
>
<Language resource="ACTIONS.INCREASE_XP" />
</button>
<button
className="d-block btn btn-secondary"
onClick={() => user.changeName('John')}
>
<Language resource="ACTIONS.CHANGE_NAME" />
</button>
<button
className="d-block btn btn-secondary"
onClick={() => user.changeLastName('Doe')}
>
<Language resource="ACTIONS.CHANGE_LASTNAME" />
</button>
</div>
</div>
)
</div>
</div>
);

export default inject('user')(observer(User));

0 comments on commit aa3a2b1

Please sign in to comment.