diff --git a/xas-standards-client/src/components/DiamondIcon.tsx b/xas-standards-client/src/components/DiamondIcon.tsx
new file mode 100644
index 0000000..1fe63c6
--- /dev/null
+++ b/xas-standards-client/src/components/DiamondIcon.tsx
@@ -0,0 +1,39 @@
+import { SvgIcon } from "@mui/material"
+
+export default function DiamondIcon() {
+ return (
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/xas-standards-client/src/components/Header.tsx b/xas-standards-client/src/components/Header.tsx
index b5c3e05..929400d 100644
--- a/xas-standards-client/src/components/Header.tsx
+++ b/xas-standards-client/src/components/Header.tsx
@@ -10,11 +10,14 @@ import ListItem from "@mui/material/ListItem";
import List from "@mui/material/List";
import ListItemText from "@mui/material/ListItemText";
import Stack from "@mui/material/Stack";
-import { Switch } from "@mui/material";
+import {Switch } from "@mui/material";
import { NavLink } from "react-router-dom";
+import DiamondIcon from "./DiamondIcon";
+
import ColorModeContext from "../contexts/ColorModeContext";
+import UserIcon from "./UserIcon";
function NavListItem(props: { to: string; label: string }) {
const to = props.to;
@@ -54,11 +57,12 @@ export default function Header() {
return (
-
+
+
+
XAS Standards
-
{Object.entries(navitems).map(([key, value]) => (
@@ -75,12 +79,23 @@ export default function Header() {
))}
- {loggedIn ? (
+ {loggedIn && (
- ) : (
-
- )}
+ ) }
+
+
+
+ {!loggedIn ? (
+
+ ) : (
+
+
+ {user.identifier}
+
+
+ )}
+
);
diff --git a/xas-standards-client/src/components/UserIcon.tsx b/xas-standards-client/src/components/UserIcon.tsx
new file mode 100644
index 0000000..859450f
--- /dev/null
+++ b/xas-standards-client/src/components/UserIcon.tsx
@@ -0,0 +1,10 @@
+import { SvgIcon } from "@mui/material"
+
+export default function UserIcon() {
+ return (
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/xas-standards-client/src/mocks/handlers.ts b/xas-standards-client/src/mocks/handlers.ts
index 3154309..85a3ddf 100644
--- a/xas-standards-client/src/mocks/handlers.ts
+++ b/xas-standards-client/src/mocks/handlers.ts
@@ -140,6 +140,14 @@ export const handlers = [
return HttpResponse.json(response);
}),
+ http.get('/login', () => {
+ return new HttpResponse('
Hello
', {
+ headers: {
+ 'Content-Type': 'application/html'
+ }
+ })
+ })
+
// http.get("/login", () => {
// // ...and respond to them using this JSON response.
// return new HttpResponse(null, { status: 302, Location: "/" });