From bb5059a5db27d4e04401b7bb3a1aa5cad9f4607e Mon Sep 17 00:00:00 2001
From: jakubmanczak <jakub@manczak.net>
Date: Wed, 28 Dec 2022 17:06:37 +0100
Subject: [PATCH] basic OwnProfile page

---
 pages/ja.tsx          | 43 +++++++++++++++++++++++++++++++++++++++++++
 styles/Ja.module.scss | 14 ++++++++++++++
 2 files changed, 57 insertions(+)
 create mode 100644 pages/ja.tsx
 create mode 100644 styles/Ja.module.scss

diff --git a/pages/ja.tsx b/pages/ja.tsx
new file mode 100644
index 0000000..579b49e
--- /dev/null
+++ b/pages/ja.tsx
@@ -0,0 +1,43 @@
+import styles from "../styles/Ja.module.scss";
+import { useUser } from "@auth0/nextjs-auth0/client";
+
+const PageMe = () => {
+	const { user, isLoading } = useUser();
+	return (
+		<>
+			{isLoading && (
+				<main>
+					<p>Data is being fetched...</p>
+				</main>
+			)}
+			{user && (
+				<main>
+					<div className={styles.header}>
+						<img src={user.picture || ""} alt={`${user.name}'s picture`} />
+						<h1>{user.name}</h1>
+					</div>
+					{/* <p>
+						mail: {user.email || "no mail"} <br />
+						mail verified: {user.email_verified || "no mail verified"} <br />
+						name: {user.name || "no name"} <br />
+						nickname: {user.nickname || "no nickname"} <br />
+						org id: {user.org_id || "no org id"} <br />
+						picture: {user.picture || "no picture"} <br />
+						sub: {user.sub || "no sub"} <br />
+						updated at: {user.updated_at || "no updated at"}
+					</p> */}
+				</main>
+			)}
+			{!user && (
+				<main>
+					<h1>/ja</h1>
+					<p>
+						Musisz być zalogowany aby skorzystać z funkcjonalności tej strony.
+					</p>
+				</main>
+			)}
+		</>
+	);
+};
+
+export default PageMe;
diff --git a/styles/Ja.module.scss b/styles/Ja.module.scss
new file mode 100644
index 0000000..fad7f83
--- /dev/null
+++ b/styles/Ja.module.scss
@@ -0,0 +1,14 @@
+.header {
+	margin: 2rem 0;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 1rem;
+	img {
+		height: 69px;
+		border-radius: 50%;
+	}
+	h1 {
+		font-size: 2rem;
+	}
+}