[#1] Bare Skeleton with redux store, oidc and router-dom

2025-06-25 17:42:54 +02:00
parent 57f9ba8427
commit cceb83519f
32 changed files with 21256 additions and 1 deletions
@@ -0,0 +1,54 @@
+import React from "react";
+import { Auth } from "../../features/User/oidcAuth";
+import logo from "../../static/images/calendar.svg";
+import "./Menubar.css";
+import { useAppSelector } from "../../app/hooks";
+export function Menubar() {
+  return (
+    <div className="menubar">
+      <div className="menubar-item tc-home">
+        <img className="logo" src={logo} />
+        <p>
+          <span className="twake">Twake</span>
+          <span className="calendar">Calendar</span>
+        </p>
+      </div>
+      <div className="menubar-item nav-month">
+        <p>Current Month</p>
+        <p className="day-selector"> droite today gauche</p>
+      </div>
+      <div className="menubar-item search-bar">
+        <p>big search bar</p>
+      </div>
+      <div className="menubar-item menu-tools">
+        <HandleLogin />
+      </div>
+    </div>
+  );
+}
+
+function HandleLogin() {
+  const userData = useAppSelector((state) => state.user.userData);
+  if (!userData) {
+    return (
+      <button
+        onClick={async () => {
+          const loginurl = await Auth();
+          sessionStorage.setItem(
+            "redirectState",
+            JSON.stringify({
+              code_verifier: loginurl.code_verifier,
+              state: loginurl.state,
+            })
+          );
+
+          window.location.assign(loginurl.redirectTo);
+        }}
+      >
+        login
+      </button>
+    );
+  } else {
+    return <p>{userData.sub}</p>;
+  }
+}