Minor fixes for Auth Emulator IDP widget. (#3774)

* Minor fixes for Auth Emulator IDP widget. * Changelog.
firebase · Sep 22, 2021 · 6878ae8 · 6878ae8
1 parent 05b5872
commit 6878ae8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,2 +1,3 @@
 - `ext:dev:publish` and `ext:update` now support --force and --non-interactive flags.
 - Fixes issue where account specified by `login:use` was not being correctly loaded (#3759).
+- Fixes minor layout issues in Auth Emulator IDP sign-in page (#3774).
diff --git a/src/emulator/auth/handlers.ts b/src/emulator/auth/handlers.ts
@@ -195,9 +195,11 @@ export function registerHandlers(
             <span class="mdc-list-item__graphic material-icons" aria-hidden=true>person</span>`
           }
           <span class="mdc-list-item__text"><span class="mdc-list-item__primary-text">${
-            info.displayName
+            info.displayName || "(No display name)"
+          }</span>
+          <span class="mdc-list-item__secondary-text fallback-secondary-text">${
+            info.email || ""
           }</span>
-          <span class="mdc-list-item__secondary-text fallback-secondary-text">${info.email}</span>
       </li>`
       )
       .join("\n");

diff --git a/src/emulator/auth/widget_ui.ts b/src/emulator/auth/widget_ui.ts
@@ -491,7 +491,7 @@ export const WIDGET_UI = `
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Auth Emulator IDP Login Widget</title>
-<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
+<link href="https://unpkg.com/material-components-web@10/dist/material-components-web.min.css" rel="stylesheet">
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
 <style>${STYLE}</style>
@@ -604,6 +604,6 @@ export const WIDGET_UI = `
     </div>
   </div>
 </div>
-<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
+<script src="https://unpkg.com/material-components-web@10/dist/material-components-web.min.js"></script>
 <script>${SCRIPT}</script>
 `;