{"size": 609, "ext": "js", "max_stars_repo_path": "src/Components/Auth/profile/Profile-sm.js", "max_stars_repo_name": "TeamUndeclared/hallOfChampions", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/Components/Auth/profile/Profile-sm.js", "max_issues_repo_name": "TeamUndeclared/hallOfChampions", "max_issues_repo_issues_event_min_datetime": "2021-02-09T04:52:21.000Z", "max_issues_repo_issues_event_max_datetime": "2021-02-12T20:40:40.000Z", "max_forks_repo_path": "src/Components/Auth/profile/Profile-sm.js", "max_forks_repo_name": "TeamUndeclared/hallOfChampions", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 22.5555555556, "max_line_length": 58, "alphanum_fraction": 0.6174055829}
import React from "react";
import { useAuth0 } from "@auth0/auth0-react";
import LogoutButton from "../Logout-Btn/Logout";
import LoginButton from "../Login-Btn/Login";
import { Container } from "@material-ui/core";

const Profile = () => {
  const { user, isAuthenticated, isLoading } = useAuth0();

  if (isLoading) {
    return <div>Loading ...</div>;
  }

  return (
    <>
    {(isAuthenticated === false )
    ?<Container><LoginButton/></Container>
    :<Container>
      <h2>Welcome {user.name} To Hall Of Fame</h2>
      <LogoutButton/>
    </Container>
    }    
  </>
  )
};

export default Profile;