From cfa944350da0203f4e8c3e76629bc61aec283da9 Mon Sep 17 00:00:00 2001
From: Ryo Okubo <syucream1031@gmail.com>
Date: Sat, 16 Sep 2023 22:42:04 +0900
Subject: [PATCH] Show login user name on the header

---
 frontend/src/components/Header.tsx     | 5 +++++
 frontend/src/services/DjangoContext.ts | 2 ++
 templates/frontend/index.html          | 1 +
 3 files changed, 8 insertions(+)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 8d2d08add..77c75578b 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -197,6 +197,11 @@ export const Header: FC = () => {
                 keepMounted
                 disableScrollLock
               >
+                <MenuItem>
+                  {djangoContext?.user?.username ?? "不明なユーザ"}{" "}
+                  としてログイン中
+                </MenuItem>
+                <Divider light />
                 <MenuItem
                   component={Link}
                   to={userPath(djangoContext?.user?.id ?? 0)}
diff --git a/frontend/src/services/DjangoContext.ts b/frontend/src/services/DjangoContext.ts
index 9936a7995..61f12b6a1 100644
--- a/frontend/src/services/DjangoContext.ts
+++ b/frontend/src/services/DjangoContext.ts
@@ -1,9 +1,11 @@
 class User {
   id: number;
+  username: string;
   isSuperuser: boolean;
 
   constructor(user: any) {
     this.id = user.id;
+    this.username = user.username;
     this.isSuperuser = user.isSuperuser;
   }
 }
diff --git a/templates/frontend/index.html b/templates/frontend/index.html
index f43c0a6ce..02f16820f 100644
--- a/templates/frontend/index.html
+++ b/templates/frontend/index.html
@@ -18,6 +18,7 @@
           version: "{{version}}",
           user: {
               id: {{user.id}},
+              username: "{{user.username}}",
               isSuperuser: {{user.is_superuser|yesno:"true,false"}},
           },
       };