diff --git a/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx b/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
index 79ac4ab1b9..a23ffa2dd1 100644
--- a/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
+++ b/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
@@ -100,8 +100,8 @@ describe("status-bar-items-originating-from-extensions", () => {
components: {
Item: () =>
right4
,
position: "right" as const,
- visible: computed(() => false),
},
+ visible: computed(() => false),
},
{
components: {
diff --git a/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx b/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
index 1e3d0cc5f5..71293126f7 100644
--- a/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
+++ b/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
@@ -39,7 +39,7 @@ const toItemInjectableFor = (extension: LensRendererExtension, getRandomId: () =
const id = `${getRandomId()}-status-bar-item-for-extension-${extension.sanitizedExtensionId}`;
let component: React.ComponentType;
let position: "left" | "right";
- let visible: IComputedValue | undefined;
+ const visible: IComputedValue | undefined = registration?.visible;
if (registration?.item) {
const { item } = registration;
@@ -56,7 +56,7 @@ const toItemInjectableFor = (extension: LensRendererExtension, getRandomId: () =
>
);
} else if (registration?.components) {
- const { position: pos = "right", Item, visible: componentVisible } = registration.components;
+ const { position: pos = "right", Item } = registration.components;
if (pos !== "left" && pos !== "right") {
throw new TypeError("StatusBarRegistration.components.position must be either 'right' or 'left'");
@@ -64,7 +64,6 @@ const toItemInjectableFor = (extension: LensRendererExtension, getRandomId: () =
position = pos;
component = Item;
- visible = componentVisible;
} else {
logger.warn("StatusBarRegistration must have valid item or components field");
diff --git a/src/renderer/components/status-bar/status-bar-registration.ts b/src/renderer/components/status-bar/status-bar-registration.ts
index 879d53a972..32e7c9c88e 100644
--- a/src/renderer/components/status-bar/status-bar-registration.ts
+++ b/src/renderer/components/status-bar/status-bar-registration.ts
@@ -25,11 +25,6 @@ export interface StatusBarComponents {
* @default "right"
*/
position?: "left" | "right";
-
- /**
- * If specified, controls item visibility
- */
- visible?: IComputedValue;
}
/**
@@ -45,4 +40,9 @@ export interface StatusBarRegistration {
* The newer API, allows for registering a component instead of a ReactNode
*/
components?: StatusBarComponents;
+
+ /**
+ * If specified, controls item visibility
+ */
+ visible?: IComputedValue;
}