Change flyout title when editing link panel

elastic · Jul 14, 2023 · be256b1 · be256b1
1 parent 263d338
commit be256b1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/plugins/navigation_embeddable/public/components/navigation_embeddable_panel_editor.tsx b/src/plugins/navigation_embeddable/public/components/navigation_embeddable_panel_editor.tsx
@@ -152,7 +152,11 @@ const NavigationEmbeddablePanelEditor = ({
       <div ref={editLinkFlyoutRef} />
       <EuiFlyoutHeader hasBorder>
         <EuiTitle size="m">
-          <h2>{NavEmbeddableStrings.editor.panelEditor.getCreateFlyoutTitle()}</h2>
+          <h2>
+            {initialInput.links && Object.keys(initialInput.links).length > 0
+              ? NavEmbeddableStrings.editor.panelEditor.getEditFlyoutTitle()
+              : NavEmbeddableStrings.editor.panelEditor.getCreateFlyoutTitle()}
+          </h2>
         </EuiTitle>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>

diff --git a/src/plugins/navigation_embeddable/public/components/navigation_embeddable_strings.ts b/src/plugins/navigation_embeddable/public/components/navigation_embeddable_strings.ts
@@ -43,6 +43,10 @@ export const NavEmbeddableStrings = {
         i18n.translate('navigationEmbeddable.panelEditor.createFlyoutTitle', {
           defaultMessage: 'Create links panel',
         }),
+      getEditFlyoutTitle: () =>
+        i18n.translate('navigationEmbeddable.panelEditor.editFlyoutTitle', {
+          defaultMessage: 'Edit links panel',
+        }),
       getSaveButtonLabel: () =>
         i18n.translate('navigationEmbeddable.panelEditor.saveButtonLabel', {
           defaultMessage: 'Save',