+
+ );
+}
+
+function HandleLogin() {
+ const userData = useAppSelector((state) => state.user.userData);
+ if (!userData) {
+ return (
+
+ );
+ } else {
+ return
+ 
+
+ + Twake + Calendar +
+
+
+ Current Month
+droite today gauche
+
+
+ big search bar
+
+
+ {userData.sub}
; + } +} diff --git a/src/features/User/LoginCallback.tsx b/src/features/User/LoginCallback.tsx new file mode 100644 index 0000000..a86ceeb --- /dev/null +++ b/src/features/User/LoginCallback.tsx @@ -0,0 +1,65 @@ +import React, { useEffect, useRef, useState } from "react"; +import { useNavigate } from "react-router-dom"; +import { Callback } from "./oidcAuth"; +import { useAppDispatch, useAppSelector } from "../../app/hooks"; +import { push } from "redux-first-history"; +import { setUserData } from "./userSlice"; + +export function CallbackResume() { + const dispatch = useAppDispatch(); + const hasRun = useRef(false); + const saved = sessionStorage.getItem("redirectState") + ? JSON.parse(sessionStorage.getItem("redirectState")!) + : null; + const [tokens, setTokens] = useState
+
+ );
+}
diff --git a/src/features/User/oidcAuth.ts b/src/features/User/oidcAuth.ts
new file mode 100644
index 0000000..823bba4
--- /dev/null
+++ b/src/features/User/oidcAuth.ts
@@ -0,0 +1,87 @@
+import * as client from "openid-client";
+
+export const clientConfig = {
+ url: process.env.REACT_APP_SSO_BASE_URL || "",
+ client_id: process.env.REACT_APP_SSO_CLIENT_ID || "",
+ client_secret: process.env.REACT_APP_SSO_CLIENT_SECRET || "",
+ scope: process.env.REACT_APP_SSO_SCOPE || "",
+ redirect_uri: process.env.REACT_APP_SSO_REDIRECT_URI || "",
+ response_type: process.env.REACT_APP_SSO_RESPONSE_TYPE || "",
+ code_challenge_method: process.env.REACT_APP_SSO_CODE_CHALLENGE_METHOD || "",
+ post_logout_redirect_uri:
+ process.env.REACT_APP_SSO_POST_LOGOUT_REDIRECT || "",
+};
+
+export async function getClientConfig() {
+ console.log(process.env.REACT_APP_SSO_BASE_URL)
+ return await client.discovery(
+ new URL(clientConfig.url),
+ clientConfig.client_id,
+ clientConfig.client_secret
+ );
+}
+
+export async function Auth() {
+ console.log("bap");
+ let code_verifier = client.randomPKCECodeVerifier();
+ let code_challenge = await client.calculatePKCECodeChallenge(code_verifier);
+ const openIdClientConfig = await getClientConfig();
+ let parameters: RecordProcessing OIDC callback...
+ {/* Optionally show loading or debug info */} + {tokens && ( +-
+
-
+ ID_Token:
{JSON.stringify(tokens?.id_token)}+
+ -
+ Access_Token:
{JSON.stringify(tokens?.access_token)}+
+ -
+ User info:
{JSON.stringify(userInfo, null, 2)}+
+