From 60ee4205925bbbb34b343a5a92cabd025370c70c Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Mon, 26 Jul 2021 17:03:20 -0700
Subject: [PATCH] Add user id to ui

---
 src/App.jsx        | 3 +++
 src/App.module.css | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/src/App.jsx b/src/App.jsx
index fd4f984..882b372 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -485,6 +485,9 @@ function Room({ client }) {
       {!loading && room && (
         <div className={styles.header}>
           <h3>{room.name}</h3>
+          <div className={styles.userNav}>
+            <h5>{client.getUserId()}</h5>
+          </div>
         </div>
       )}
       {loading && (
diff --git a/src/App.module.css b/src/App.module.css
index 4e70363..cd89945 100644
--- a/src/App.module.css
+++ b/src/App.module.css
@@ -43,11 +43,17 @@ limitations under the License.
 }
 
 .header {
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 64px;
+}
 
+.userNav {
+  position: absolute;
+  right: 0;
+  padding: 0 8px;
 }
 
 .joinRoom {