From 197fa06d2113a4cb7a3282a76f2279d1c1a01d99 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 15 Nov 2023 20:13:35 +0100
Subject: [PATCH] reuse config for media menu item

---
 .../packages/media/media/menu-item/manifests.ts |  8 +++++---
 .../media/menu-item/media-menu-item.element.ts  | 17 -----------------
 .../src/packages/media/media/tree/manifests.ts  |  4 ++--
 3 files changed, 7 insertions(+), 22 deletions(-)
 delete mode 100644 src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/media-menu-item.element.ts

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/manifests.ts
index b369a0c8e8..c7036d64f5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/manifests.ts
@@ -1,15 +1,17 @@
-import type { ManifestMenuItem } from '@umbraco-cms/backoffice/extension-registry';
+import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
 
-const menuItem: ManifestMenuItem = {
+const menuItem: ManifestTypes = {
 	type: 'menuItem',
+	kind: 'tree',
 	alias: 'Umb.MenuItem.Media',
 	name: 'Media Menu Item',
 	weight: 100,
-	loader: () => import('./media-menu-item.element.js'),
 	meta: {
 		label: 'Media',
 		icon: 'icon-folder',
 		menus: ['Umb.Menu.Media'],
+		treeAlias: 'Umb.Tree.Media',
+		hideTreeRoot: true,
 	},
 };
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/media-menu-item.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/media-menu-item.element.ts
deleted file mode 100644
index 716595e178..0000000000
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/media-menu-item.element.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
-import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
-
-@customElement('umb-media-menu-item')
-export class UmbMediaMenuItemElement extends UmbLitElement {
-	render() {
-		return html`<umb-tree alias="Umb.Tree.Media" hide-tree-root></umb-tree>`;
-	}
-}
-
-export default UmbMediaMenuItemElement;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-media-menu-item': UmbMediaMenuItemElement;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/tree/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/tree/manifests.ts
index 0851c1d2fe..c7cebf55bf 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/tree/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/tree/manifests.ts
@@ -1,11 +1,11 @@
 import { MEDIA_REPOSITORY_ALIAS } from '../repository/manifests.js';
 import type { ManifestTree, ManifestTreeItem } from '@umbraco-cms/backoffice/extension-registry';
 
-const treeAlias = 'Umb.Tree.Media';
+const UMB_MEDIA_TREE_ALIAS = 'Umb.Tree.Media';
 
 const tree: ManifestTree = {
 	type: 'tree',
-	alias: treeAlias,
+	alias: UMB_MEDIA_TREE_ALIAS,
 	name: 'Media Tree',
 	meta: {
 		repositoryAlias: MEDIA_REPOSITORY_ALIAS,