From 308d4b0a62e187a1b0a73a8a2620fa42f42bfd68 Mon Sep 17 00:00:00 2001
From: karwosts <32912880+karwosts@users.noreply.github.com>
Date: Thu, 20 Jul 2023 18:02:08 -0700
Subject: [PATCH] Fix Options flow missing submit button & finish button. 
 (#17361)

* Fix missing submit button in options flow

* Fix missing header and finish button at end of options flow

* load config translations for options flow

* one more revert
---
 src/dialogs/config-flow/show-dialog-config-flow.ts  | 2 ++
 src/dialogs/config-flow/show-dialog-options-flow.ts | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/dialogs/config-flow/show-dialog-config-flow.ts b/src/dialogs/config-flow/show-dialog-config-flow.ts
index a575cde11f..f7b3fc7e37 100644
--- a/src/dialogs/config-flow/show-dialog-config-flow.ts
+++ b/src/dialogs/config-flow/show-dialog-config-flow.ts
@@ -23,6 +23,7 @@ export const showConfigFlowDialog = (
     createFlow: async (hass, handler) => {
       const [step] = await Promise.all([
         createConfigFlow(hass, handler),
+        hass.loadFragmentTranslation("config"),
         hass.loadBackendTranslation("config", handler),
         hass.loadBackendTranslation("selector", handler),
         // Used as fallback if no header defined for step
@@ -32,6 +33,7 @@ export const showConfigFlowDialog = (
     },
     fetchFlow: async (hass, flowId) => {
       const step = await fetchConfigFlow(hass, flowId);
+      await hass.loadFragmentTranslation("config");
       await hass.loadBackendTranslation("config", step.handler);
       await hass.loadBackendTranslation("selector", step.handler);
       return step;
diff --git a/src/dialogs/config-flow/show-dialog-options-flow.ts b/src/dialogs/config-flow/show-dialog-options-flow.ts
index 81a7947599..d95a38c29a 100644
--- a/src/dialogs/config-flow/show-dialog-options-flow.ts
+++ b/src/dialogs/config-flow/show-dialog-options-flow.ts
@@ -31,6 +31,7 @@ export const showOptionsFlowDialog = (
       createFlow: async (hass, handler) => {
         const [step] = await Promise.all([
           createOptionsFlow(hass, handler),
+          hass.loadFragmentTranslation("config"),
           hass.loadBackendTranslation("options", configEntry.domain),
           hass.loadBackendTranslation("selector", configEntry.domain),
         ]);
@@ -39,6 +40,7 @@ export const showOptionsFlowDialog = (
       fetchFlow: async (hass, flowId) => {
         const [step] = await Promise.all([
           fetchOptionsFlow(hass, flowId),
+          hass.loadFragmentTranslation("config"),
           hass.loadBackendTranslation("options", configEntry.domain),
           hass.loadBackendTranslation("selector", configEntry.domain),
         ]);