From fbca2d3c74ad13f48ec7912b0ad4d42dc1ae2219 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Fri, 20 Jan 2023 07:35:26 +0100
Subject: [PATCH] delete language

---
 ...root-table-delete-column-layout.element.ts | 31 ++++++++++++++++---
 .../language-root-workspace.element.ts        |  4 +--
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts
index b8758b653a..db47599122 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts
+++ b/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>`;
 	}
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts
index 739ca8c423..c9cc79cceb 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts
+++ b/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,
 					},
 				],
 			};