{"size": 667, "ext": "js", "max_stars_repo_path": "client/src/components/Home/UserInfo/index.js", "max_stars_repo_name": "brunnolorenzoni/ekki-bank", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/Home/UserInfo/index.js", "max_issues_repo_name": "brunnolorenzoni/ekki-bank", "max_issues_repo_issues_event_min_datetime": "2021-03-09T19:19:58.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T18:27:54.000Z", "max_forks_repo_path": "client/src/components/Home/UserInfo/index.js", "max_forks_repo_name": "brunnolorenzoni/ekki-bank", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 6, "max_forks_count": null, "avg_line_length": 24.7037037037, "max_line_length": 82, "alphanum_fraction": 0.5547226387}
import React from 'react';

import BalanceInfo from './BalanceInfo'
import UserData from './UserData'

import Loader from '4all-ui/components/Loader';

const UserInfo = (props) => {

    const { user, account } = props;

    return (
        <section className="section section-home user-info">
            {Object.keys(user).length && Object.keys(account).length ? 
                <>
                    <UserData name={user.name} cpf={user.cpf} />
                    <BalanceInfo balance={account.balance} limit={account.limit}/>
                </>
                : <Loader color="#3f51b5" />
            }
        </section>
    )


}

export default UserInfo;