fix: Standardize tab names and icon (#4537)

OliwiaGowor · web-flow · commit 386038cee609 · 2026-01-20T13:56:58.000+01:00
* fix: Standardize tab names and icon

* fix: namespaces titles
diff --git a/index.html b/index.html
@@ -29,7 +29,7 @@
         object-src 'self';
       "
     />
-    <title>Busola</title>
+    <title>Kyma Dashboard</title>
   </head>
 
   <body class="ui5-content-native-scrollbars ui5-content-density-compact">
diff --git a/public/assets/favicon-16x16.png b/public/assets/favicon-16x16.png
diff --git a/public/assets/favicon-32x32.png b/public/assets/favicon-32x32.png
diff --git a/public/i18n/en.yaml b/public/i18n/en.yaml
@@ -1013,13 +1013,13 @@ namespaces:
   description: <0>Namespace</0> helps to maintain and divide resources in a cluster.
   name_singular: Namespace
   namespace-overview: Namespace Overview
+  namespaces-overview: Namespaces Overview
   overview:
     resources:
       error: Error while loading memory consumption data
       limits: Memory Limits
       requests: Memory Requests
       title: Resource Consumption
-    title: Overview
   title: Namespaces
 navigation:
   all-namespaces: All Namespaces
diff --git a/src/components/Clusters/views/ClusterList.jsx b/src/components/Clusters/views/ClusterList.jsx
@@ -32,6 +32,7 @@ import { useNavigate } from 'react-router';
 import { createPortal } from 'react-dom';
 
 import './ClusterList.scss';
+import { useWindowTitle } from 'shared/hooks/useWindowTitle';
 
 function ClusterList() {
   const gardenerLoginFeature = useFeature(configFeaturesNames.GARDENER_LOGIN);
@@ -42,6 +43,7 @@ function ClusterList() {
   const notification = useNotification();
   const navigate = useNavigate();
   const { t } = useTranslation();
+  useWindowTitle(t('clusters.labels.name'));
 
   const [DeleteMessageBox, handleResourceDelete] = useDeleteResource({
     resourceType: t('clusters.labels.name'),
diff --git a/src/resources/Namespaces/AllNamespacesDetails.jsx b/src/resources/Namespaces/AllNamespacesDetails.jsx
@@ -11,11 +11,13 @@ import { createPortal } from 'react-dom';
 import YamlUploadDialog from './YamlUpload/YamlUploadDialog';
 import { showYamlUploadDialogAtom } from 'state/showYamlUploadDialogAtom';
 import { useSetAtom } from 'jotai';
+import { useWindowTitle } from 'shared/hooks/useWindowTitle';
 import './AllNamespaceDetails.scss';
 
 export function AllNamespacesDetails() {
   const { t } = useTranslation();
   const setShowAdd = useSetAtom(showYamlUploadDialogAtom);
+  useWindowTitle(t('namespaces.namespaces-overview'));
 
   const limitRangesParams = {
     hasDetailsView: true,
diff --git a/src/resources/Namespaces/NamespaceDetails.jsx b/src/resources/Namespaces/NamespaceDetails.jsx
@@ -81,7 +81,7 @@ export default function NamespaceDetails(props) {
       description={ResourceDescription}
       {...props}
       title={t('namespaces.namespace-overview')}
-      windowTitle={t('namespaces.overview.title')}
+      windowTitle={t('namespaces.namespace-overview')}
       customColumns={customColumns}
       headerActions={headerActions}
       customHealthCards={[
diff --git a/src/shared/hooks/useWindowTitle.js b/src/shared/hooks/useWindowTitle.js
@@ -4,7 +4,7 @@ export function useWindowTitle(title, { skip } = {}) {
   useEffect(() => {
     const oldTitle = document.title;
     if (!skip) {
-      document.title = title;
+      document.title = title + ' - Kyma Dashboard';
       return () => (document.title = oldTitle);
     }
   }, [title, skip]);

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@`
`29`	`29`	`object-src 'self';`
`30`	`30`	`"`
`31`	`31`	`/>`
`32`		`- <title>Busola</title>`
	`32`	`+ <title>Kyma Dashboard</title>`
`33`	`33`	`</head>`
`34`	`34`
`35`	`35`	`<body class="ui5-content-native-scrollbars ui5-content-density-compact">`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ export function useWindowTitle(title, { skip } = {}) {`
`4`	`4`	`useEffect(() => {`
`5`	`5`	`const oldTitle = document.title;`
`6`	`6`	`if (!skip) {`
`7`		`- document.title = title;`
	`7`	`+ document.title = title + ' - Kyma Dashboard';`
`8`	`8`	`return () => (document.title = oldTitle);`
`9`	`9`	`}`
`10`	`10`	`}, [title, skip]);`