feat: add Dashboard button from showcase page

src/app/components/DashboardButton.tsx

@@ -0,0 +1,22 @@
+import { useOidcAccessToken } from "@axa-fr/react-oidc";
+import { Button } from "@mui/material";
+import { deepOrange, lightGreen } from "@mui/material/colors";
+import Link from "next/link";
+
+/**
+ * Dashboard button, should only appear if user is connected
+ * @returns a Button
+ */
+export function DashboardButton() {
+  const { accessToken, accessTokenPayload } = useOidcAccessToken();
+
+  if (!accessToken) {
+    return null;
+  }
+
+  return (
+    <Button variant="outlined" component={Link} href="/dashboard">
+      Dashboard
+    </Button>
+  );
+}

src/app/components/LoginButton.tsx

@@ -1,6 +1,6 @@
 import { useOidcAccessToken } from "@axa-fr/react-oidc";
 import { Avatar, Button } from "@mui/material";
-import { deepOrange } from "@mui/material/colors";
+import { deepOrange, lightGreen } from "@mui/material/colors";
 import NextLink from "next/link";
 
 /**
@@ -12,7 +12,15 @@ export function LoginButton() {
 
   if (!accessToken) {
     return (
-      <Button component={NextLink} href="/dashboard">
+      <Button
+        sx={{
+          bgcolor: lightGreen[700],
+          "&:hover": { bgcolor: deepOrange[500] },
+        }}
+        variant="contained"
+        component={NextLink}
+        href="/dashboard"
+      >
         Login
       </Button>
     );

src/app/components/ShowcaseAppBar.tsx

@@ -10,6 +10,7 @@ import { styled } from "@mui/material/styles";
 import { DiracLogo } from "./DiracLogo";
 import { LoginButton } from "./LoginButton";
 import { Stack } from "@mui/material";
+import { DashboardButton } from "./DashboardButton";
 
 /**
  * Controls the response due to a scrolling
@@ -58,7 +59,10 @@ export default function ShowcaseAppBar(props: Props) {
               }}
             >
               <div />
-              <LoginButton />
+              <Stack direction="row">
+                <DashboardButton />
+                <LoginButton />
+              </Stack>
             </Toolbar>
           </Stack>
         </AppBar>