diff --git a/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts b/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts index 93bc4b03de..f5eca9d8ff 100644 --- a/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts +++ b/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts @@ -21,7 +21,7 @@ const extensionSpecificTabNavigationItemRegistratorInjectable = getInjectable({ id: "extension-specific-tab-preferences-navigation-items", instantiate: (di) => { - return (ext: LensExtension) => { + return (ext: LensExtension, extensionInstallationCount) => { const extension = ext as LensRendererExtension; const navigateToExtensionPreferences = di.inject( navigateToExtensionPreferencesInjectable, @@ -34,7 +34,7 @@ const extensionSpecificTabNavigationItemRegistratorInjectable = getInjectable({ extension.appPreferenceTabs, map((tab) => { - const id = `extension-${extension.sanitizedExtensionId}-nav-item-${tab.id}`; + const id = `extension-${extension.sanitizedExtensionId}-${extensionInstallationCount}-nav-item-${tab.id}`; const isActive = computed(() => routeIsActive.get() && pathParameters.get().tabId === tab.id); return getInjectable({ diff --git a/src/renderer/components/+preferences/preferences-navigation/extensions-preferences-navigation-item-registrator.injectable.ts b/src/renderer/components/+preferences/preferences-navigation/extensions-preferences-navigation-item-registrator.injectable.ts index 97422f0398..8a6f00726d 100644 --- a/src/renderer/components/+preferences/preferences-navigation/extensions-preferences-navigation-item-registrator.injectable.ts +++ b/src/renderer/components/+preferences/preferences-navigation/extensions-preferences-navigation-item-registrator.injectable.ts @@ -16,7 +16,7 @@ const extensionPreferencesNavigationItemRegistratorInjectable = getInjectable({ id: "extension-preferences-navigation-item", instantiate: (di) => { - return (ext) => { + return (ext, extensionInstallationCount) => { const extension = ext as LensRendererExtension; const navigateToExtensionPreferences = di.inject( navigateToExtensionPreferencesInjectable, @@ -33,7 +33,7 @@ const extensionPreferencesNavigationItemRegistratorInjectable = getInjectable({ const isActive = computed(() => routeIsActive.get() && pathParameters.get().extensionId === extension.sanitizedExtensionId); const extensionInjectable = getInjectable({ - id: `extension-preferences-navigation-item-${extension.sanitizedExtensionId}`, + id: `extension-preferences-navigation-item-${extension.sanitizedExtensionId}-${extensionInstallationCount}`, instantiate: () => ({ id: `extension-${extension.sanitizedExtensionId}`, label: `${extension.name}`,