aboutsummaryrefslogtreecommitdiffstats
path: root/public/projects/react-small-apps/apps/todos/src/views/Account/Account.js
blob: 85aab6b29340e86ee81f50f8492f4965289cd778 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import { useSelector } from "react-redux";
import { Link } from "react-router-dom";
import "./Account.scss";

function Account() {
  const currentUser = useSelector((state) => state.auth.currentUser);

  return (
    <div>
      <Link to="/">Back to your todo list</Link>
      <h2>Account</h2>
      <dl className="account-details">
        <dt className="account-details__headings">Username</dt>
        <dd className="account-details__data">{currentUser.username}</dd>
        <dt className="account-details__headings">Email</dt>
        <dd className="account-details__data">{currentUser.email}</dd>
        <dt className="account-details__headings">Creation date</dt>
        <dd className="account-details__data">
          {new Date(currentUser.createdAt).toLocaleDateString()}
        </dd>
      </dl>
    </div>
  );
}

export default Account;