diff --git a/ui/src/Components/MainModal/MainModalContent.js b/ui/src/Components/MainModal/MainModalContent.js
index e4a211f9b..06a109862 100644
--- a/ui/src/Components/MainModal/MainModalContent.js
+++ b/ui/src/Components/MainModal/MainModalContent.js
@@ -81,6 +81,11 @@ const MainModalContent = observer(
) : null}
+ {alertStore.info.authentication.enabled && (
+
+ Username: {alertStore.info.authentication.username}
+
+ )}
Version: {alertStore.info.version}
diff --git a/ui/src/Components/MainModal/MainModalContent.test.js b/ui/src/Components/MainModal/MainModalContent.test.js
index 9376347e5..adaed88b0 100644
--- a/ui/src/Components/MainModal/MainModalContent.test.js
+++ b/ui/src/Components/MainModal/MainModalContent.test.js
@@ -96,4 +96,22 @@ describe("", () => {
it("calls setTab('help') after clicking on the 'Help' tab", () => {
ValidateSetTab("Help", "help");
});
+
+ it("shows username when alertStore.info.authentication.enabled=true", () => {
+ alertStore.info.authentication.enabled = true;
+ alertStore.info.authentication.username = "me@example.com";
+ const tree = mount(
+
+ {Wrapped(
+
+ )}
+
+ );
+ expect(tree.text()).toMatch(/Username: me@example.com/);
+ });
});