From 45abe7863de1704274b783615dd6a64169afa5a9 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 26 Apr 2022 14:44:11 +0300
Subject: [PATCH] Set extension title with extension id

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+preferences/extensions.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/+preferences/extensions.tsx b/src/renderer/components/+preferences/extensions.tsx
index 3bc4bc20e5..5e89e941bf 100644
--- a/src/renderer/components/+preferences/extensions.tsx
+++ b/src/renderer/components/+preferences/extensions.tsx
@@ -15,15 +15,16 @@ import currentPathParametersInjectable from "../../routes/current-path-parameter
 
 interface Dependencies {
   preferenceItems: IComputedValue<RegisteredAppPreference[]>;
+  extensionName: string;
 }
 
-const NonInjectedExtensions = ({ preferenceItems }: Dependencies) => (
+const NonInjectedExtensions = ({ preferenceItems, extensionName }: Dependencies) => (
   <Preferences data-testid="extension-preferences-page">
     <section id="extensions">
-      <h2>Extensions</h2>
-      {preferenceItems.get().map((preferenceItem) => (
+      <h2>{extensionName} settings</h2>
+      {preferenceItems.get().map((preferenceItem, index) => (
         <ExtensionSettings
-          key={preferenceItem.id}
+          key={`${preferenceItem.id}-${index}`}
           setting={preferenceItem}
           size="small"
           data-testid={`extension-preference-item-for-${preferenceItem.id}`}
@@ -43,6 +44,7 @@ export const Extensions = withInjectables<Dependencies>(
 
       return {
         preferenceItems: di.inject(extensionsPreferenceItemsInjectable, extensionId),
+        extensionName: extensionId,
       };
     },
   },