From 6a642f54089aeae1a58dd2f249d9fe5ebd028ade Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 20 Feb 2024 11:07:54 +0100
Subject: [PATCH] add variant status

---
 .../document-variant-picker-modal.element.ts  | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/variant-picker/document-variant-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/variant-picker/document-variant-picker-modal.element.ts
index 0ff930e242..b90eb54e1f 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/variant-picker/document-variant-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/variant-picker/document-variant-picker-modal.element.ts
@@ -1,4 +1,4 @@
-import { UmbDocumentVariantState } from '../../types.js';
+import { type UmbDocumentVariantModel, UmbDocumentVariantState } from '../../types.js';
 import type {
 	UmbDocumentVariantPickerModalValue,
 	UmbDocumentVariantPickerModalData,
@@ -97,7 +97,7 @@ export class UmbDocumentVariantPickerModalElement extends UmbModalBaseElement<
 				(item) => item.culture,
 				(item) => html`
 					<uui-menu-item
-						label=${item.name ?? ''}
+						label=${item.name}
 						selectable
 						@selected=${() => this.#selectionManager.select(item.culture)}
 						@deselected=${() => this.#selectionManager.deselect(item.culture)}
@@ -105,11 +105,7 @@ export class UmbDocumentVariantPickerModalElement extends UmbModalBaseElement<
 						<uui-icon slot="icon" name="icon-globe"></uui-icon>
 						<div class="label" slot="label">
 							<strong>${item.name}</strong>
-							<div class="label-status">
-								${this.localize.term(
-									item.state === UmbDocumentVariantState.PUBLISHED ? 'content_published' : 'content_unpublished',
-								)}
-							</div>
+							<div class="label-status">${this.#renderVariantStatus(item)}</div>
 						</div>
 					</uui-menu-item>
 				`,
@@ -125,6 +121,19 @@ export class UmbDocumentVariantPickerModalElement extends UmbModalBaseElement<
 		</umb-body-layout> `;
 	}
 
+	#renderVariantStatus(variant: UmbDocumentVariantModel) {
+		switch (variant.state) {
+			case UmbDocumentVariantState.PUBLISHED:
+				return this.localize.term('content_published');
+			case UmbDocumentVariantState.PUBLISHED_PENDING_CHANGES:
+				return this.localize.term('content_publishedPendingChanges');
+			case UmbDocumentVariantState.NOT_CREATED:
+			case UmbDocumentVariantState.DRAFT:
+			default:
+				return this.localize.term('content_unpublished');
+		}
+	}
+
 	static styles = [
 		UmbTextStyles,
 		css`