From 73a5c7fae9ffbe9ada721148c8c454a643aceebe Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sun, 20 Feb 2022 16:11:50 +0100
Subject: chore!: restructure repo

I separated public files from the config/dev files. It improves repo
readability.
I also moved dotenv helper to public/inc directory and extract the
Matomo tracker in the same directory.
---
 .../apps/todos/src/views/Account/Account.js        | 26 ++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 public/projects/react-small-apps/apps/todos/src/views/Account/Account.js

(limited to 'public/projects/react-small-apps/apps/todos/src/views/Account/Account.js')

diff --git a/public/projects/react-small-apps/apps/todos/src/views/Account/Account.js b/public/projects/react-small-apps/apps/todos/src/views/Account/Account.js
new file mode 100644
index 0000000..85aab6b
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/views/Account/Account.js
@@ -0,0 +1,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;
-- 
cgit v1.2.3