From b4a62f10793e68b2a7196c75310324b29e268ebd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 22 Feb 2020 15:31:14 +0000
Subject: [PATCH] feat(ui): show username when auth is enabled

---
 .../Components/MainModal/MainModalContent.js   |  5 +++++
 .../MainModal/MainModalContent.test.js         | 18 ++++++++++++++++++
 2 files changed, 23 insertions(+)

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}
           </div>
           <div className="modal-footer">
+            {alertStore.info.authentication.enabled && (
+              <span className="text-muted mr-2">
+                Username: {alertStore.info.authentication.username}
+              </span>
+            )}
             <span className="text-muted">
               Version: {alertStore.info.version}
             </span>
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("<MainModalContent />", () => {
   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(
+      <span>
+        {Wrapped(
+          <MainModalContent
+            alertStore={alertStore}
+            settingsStore={settingsStore}
+            onHide={onHide}
+            expandAllOptions={true}
+          />
+        )}
+      </span>
+    );
+    expect(tree.text()).toMatch(/Username: me@example.com/);
+  });
 });