fix(global-header): added some changes for integration with rhdh (#270)

redhat-developer · Jan 10, 2025 · 68cb7be · 68cb7be
1 parent 0e17490
commit 68cb7be
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 1 deletion.
diff --git a/workspaces/global-header/plugins/global-header/app-config.dynamic.yaml b/workspaces/global-header/plugins/global-header/app-config.dynamic.yaml
@@ -0,0 +1,10 @@
+# please keep this in sync with rhdh/dynamic-plugins.default.yaml
+dynamicPlugins:
+  frontend:
+    red-hat-developer-hub.backstage-plugin-global-header:
+      mountPoints:
+        - mountPoint: application/header
+          importName: GlobalHeader
+          config:
+            layout:
+              position: above-main-content
diff --git a/workspaces/global-header/plugins/global-header/package.json b/workspaces/global-header/plugins/global-header/package.json
@@ -52,6 +52,11 @@
     "react-use": "^17.2.4"
   },
   "peerDependencies": {
+    "@backstage/core-components": "0.15.1",
+    "@backstage/core-plugin-api": "^1.10.0",
+    "@backstage/plugin-search": "1.4.18",
+    "@backstage/plugin-search-react": "1.8.1",
+    "@backstage/theme": "0.6.0",
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.0.0"
   },

diff --git a/workspaces/global-header/plugins/global-header/src/index.ts b/workspaces/global-header/plugins/global-header/src/index.ts
@@ -13,5 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';
+
+ClassNameGenerator.configure(componentName => {
+  return componentName.startsWith('v5-')
+    ? componentName
+    : `v5-${componentName}`;
+});
 
 export { globalHeaderPlugin, GlobalHeader } from './plugin';
diff --git a/workspaces/global-header/plugins/global-header/src/plugin.ts b/workspaces/global-header/plugins/global-header/src/plugin.ts
@@ -35,7 +35,7 @@ export const GlobalHeader = globalHeaderPlugin.provide(
   createComponentExtension({
     name: 'GlobalHeader',
     component: {
-      lazy: () => import('./components').then(m => m.GlobalHeader),
+      lazy: () => import('./components/GlobalHeader').then(m => m.GlobalHeader),
     },
   }),
 );
diff --git a/workspaces/global-header/yarn.lock b/workspaces/global-header/yarn.lock
@@ -10001,6 +10001,11 @@ __metadata:
     react-router-dom: ^6.0.0
     react-use: ^17.2.4
   peerDependencies:
+    "@backstage/core-components": 0.15.1
+    "@backstage/core-plugin-api": ^1.10.0
+    "@backstage/plugin-search": 1.4.18
+    "@backstage/plugin-search-react": 1.8.1
+    "@backstage/theme": 0.6.0
     react: ^16.13.1 || ^17.0.0 || ^18.0.0
     react-router-dom: ^6.0.0
   languageName: unknown