delete language

src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts

@@ -1,18 +1,41 @@
+import { UmbLitElement } from '@umbraco-cms/element';
+import { LanguageDetails } from '@umbraco-cms/models';
 import { UUITextStyles } from '@umbraco-ui/uui-css';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { UmbLanguageStore } from '../../language.store';
+import { UmbWorkspaceLanguageContext } from '../language/language-workspace.context';
 
 @customElement('umb-language-root-table-delete-column-layout')
-export class UmbLanguageRootTableDeleteColumnLayoutElement extends LitElement {
+export class UmbLanguageRootTableDeleteColumnLayoutElement extends UmbLitElement {
 	static styles = [UUITextStyles, css``];
 
 	@property({ attribute: false })
-	value!: any;
+	value!: LanguageDetails;
+
+	private _languageStore?: UmbLanguageStore;
+
+	constructor() {
+		super();
+		this.consumeContext('umbLanguageStore', (instance) => {
+			this._languageStore = instance;
+		});
+	}
+
+	private _handleDelete() {
+		if (!this._languageStore) return;
+		this._languageStore.deleteItems([this.value.key]);
+	}
 
 	render() {
-		if (!this.value.show) return nothing;
+		if (this.value.isDefault) return nothing;
 
-		return html`<uui-button color="danger" look="default" compact label="delete"></uui-button>`;
+		return html`<uui-button
+			@click=${this._handleDelete}
+			color="danger"
+			look="default"
+			compact
+			label="delete"></uui-button>`;
 	}
 }
 

src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts

@@ -122,9 +122,7 @@ export class UmbLanguageRootWorkspaceElement extends UmbLitElement {
 					},
 					{
 						columnAlias: 'delete',
-						value: {
-							show: !language.isDefault,
-						},
+						value: language,
 					},
 				],
 			};