[#1] added base calendar and started to tweak ui

src/components/Menubar/Menubar.css

@@ -16,7 +16,7 @@
   padding: 0.2rem;
 }
 
-.calendar {
+.calendar-text {
   font-family: "Cal Sans";
   padding: 0.2rem;
   font-weight: 400;
@@ -39,12 +39,8 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background-color: #1a1a1a62;
   padding: 0.5rem;
-  color: white;
-  position: absolute;
   width: 100%;
-  top: 0;
   z-index: 1000;
 }
 

src/components/Menubar/Menubar.tsx

@@ -1,54 +1,27 @@
 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>
+    <header className="menubar">
+      <MainTitle/>
       <div className="menubar-item search-bar">
         <p>big search bar</p>
       </div>
-      <div className="menubar-item menu-tools">
-        <HandleLogin />
+      <div className="menubar-item">
+        <p>Account stuff</p>
       </div>
+    </header>
+  );
+}
+export function MainTitle() {
+  return (
+    <div className="menubar-item tc-home">
+      <img className="logo" src={logo} />
+      <p>
+        <span className="twake">Twake</span>
+        <span className="calendar-text">Calendar</span>
+      </p>
     </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>;
-  }
-}