-
+
);
}
diff --git a/pages/api/auth/[...auth0].ts b/pages/api/auth/[...auth0].ts
new file mode 100644
index 0000000..5c189a0
--- /dev/null
+++ b/pages/api/auth/[...auth0].ts
@@ -0,0 +1,3 @@
+import { handleAuth } from "@auth0/nextjs-auth0";
+
+export default handleAuth();
diff --git a/pages/ja.tsx b/pages/ja.tsx
new file mode 100644
index 0000000..d556c25
--- /dev/null
+++ b/pages/ja.tsx
@@ -0,0 +1,44 @@
+import styles from "../styles/Ja.module.scss";
+import { useUser } from "@auth0/nextjs-auth0/client";
+
+const PageMe = () => {
+ const { user, isLoading } = useUser();
+ return (
+ <>
+ {isLoading && (
+
+ Ładujemy dane dla Ciebie...
+ Sit tight.
+
+ )}
+ {!isLoading && user && (
+
+
+
+
{user.name}
+
+ mail: {user.email || "no mail"}
+ mail verified: {user.email_verified || "no mail verified"}
+ name: {user.name || "no name"}
+ nickname: {user.nickname || "no nickname"}
+ org id: {user.org_id || "no org id"}
+ picture: {user.picture || "no picture"}
+ sub: {user.sub || "no sub"}
+ updated at: {user.updated_at || "no updated at"}
+
*/}
+
+ )}
+ {!isLoading && !user && (
+
+ /ja
+
+ Musisz być zalogowany aby skorzystać z funkcjonalności tej strony.
+
+
+ )}
+
+ );
+};
+
+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;
+ }
+}
diff --git a/styles/globals.scss b/styles/globals.scss
index cbf0b7d..0d50be4 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -27,6 +27,7 @@ body {
color: var(--color);
min-height: 100vh;
font-family: var(--fonts-norm);
+ overflow-y: overlay;
}
h1,
h2,
@@ -97,3 +98,12 @@ button {
}
}
}
+
+::-webkit-scrollbar {
+ background: transparent;
+ width: 4px;
+}
+::-webkit-scrollbar-thumb {
+ background: #999;
+ border-radius: 1337px;
+}