diff --git a/packages/core/src/renderer/components/+namespaces/namespaces.scss b/packages/core/src/renderer/components/+namespaces/namespaces.scss
index 8636d2f5ad..8aabb06a4a 100644
--- a/packages/core/src/renderer/components/+namespaces/namespaces.scss
+++ b/packages/core/src/renderer/components/+namespaces/namespaces.scss
@@ -22,4 +22,8 @@
@include namespaceStatus;
}
}
+
+ .subnamespaceBadge {
+ margin-inline-start: var(--margin);
+ }
}
diff --git a/packages/core/src/renderer/components/+namespaces/route.tsx b/packages/core/src/renderer/components/+namespaces/route.tsx
index 7efbfb738e..11e6d97864 100644
--- a/packages/core/src/renderer/components/+namespaces/route.tsx
+++ b/packages/core/src/renderer/components/+namespaces/route.tsx
@@ -16,6 +16,7 @@ import { withInjectables } from "@ogre-tools/injectable-react";
import namespaceStoreInjectable from "./store.injectable";
import { KubeObjectAge } from "../kube-object/age";
import openAddNamepaceDialogInjectable from "./add-dialog/open.injectable";
+import { SubnamespaceBadge } from "./subnamespace-badge";
enum columnId {
name = "name",
@@ -55,7 +56,12 @@ const NonInjectedNamespacesRoute = ({ namespaceStore, openAddNamespaceDialog }:
{ title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
]}
renderTableContents={namespace => [
- namespace.getName(),
+ <>
+ {namespace.getName()}
+ {namespace.isSubnamespace() && (
+
+ )}
+ >,
,
namespace.getLabels().map(label => (
{
id: string;
}
-export function SubnamespaceBadge({ id, ...other }: SubnamespaceBadgeProps) {
+export function SubnamespaceBadge({ id, className, ...other }: SubnamespaceBadgeProps) {
return (
<>