From 9fffc93e5d72d602c18a9064cd50fbc91b7307f8 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Sun, 16 Jan 2022 21:20:23 -0800
Subject: [PATCH] Show error message if login is blocked (#11331)

---
 src/auth/ha-auth-flow.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/auth/ha-auth-flow.ts b/src/auth/ha-auth-flow.ts
index d1b678e31e..6f4e2a1367 100644
--- a/src/auth/ha-auth-flow.ts
+++ b/src/auth/ha-auth-flow.ts
@@ -162,6 +162,11 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
               this._errorMessage
             )}
           </ha-alert>
+          <div class="action">
+            <mwc-button raised @click=${this._startOver}>
+              ${this.localize("ui.panel.page-authorize.form.start_over")}
+            </mwc-button>
+          </div>
         `;
       case "loading":
         return html`
@@ -339,6 +344,10 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
     return this.localize("ui.panel.page-authorize.form.unknown_error");
   }
 
+  private _startOver() {
+    this._providerChanged(this.authProvider);
+  }
+
   private async _handleSubmit(ev: Event) {
     ev.preventDefault();
     if (this._step == null) {
@@ -361,6 +370,12 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
 
       const newStep = await response.json();
 
+      if (response.status === 403) {
+        this._state = "error";
+        this._errorMessage = newStep.message;
+        return;
+      }
+
       if (newStep.type === "create_entry") {
         this._redirect(newStep.result);
         return;