From 3ce5184aeb620a05e0eb5f25408ac12a0de051ae Mon Sep 17 00:00:00 2001
From: Jorge Costa <jorge.costa@developer.pt>
Date: Thu, 11 Jan 2024 15:37:05 +0000
Subject: [PATCH] Added a selection mark

---
 packages/dataviews/src/style.scss                         | 3 +++
 packages/dataviews/src/view-table.js                      | 8 ++++----
 .../src/components/page-templates/template-actions.js     | 4 ++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index 5b7aa3df043ace..8c6b17945338a3 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -117,6 +117,9 @@
 				background-color: #f8f8f8;
 			}
 		}
+		&.is-selected {
+			background-color: #f7f8fe;
+		}
 	}
 	thead {
 		tr {
diff --git a/packages/dataviews/src/view-table.js b/packages/dataviews/src/view-table.js
index dd86e093726331..90bbf9872407f5 100644
--- a/packages/dataviews/src/view-table.js
+++ b/packages/dataviews/src/view-table.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import classNames from 'classnames';
+import classnames from 'classnames';
 
 /**
  * WordPress dependencies
@@ -516,7 +516,7 @@ function ViewTable( {
 				<tbody>
 					{ hasData &&
 						usedData.map( ( item, index ) => (
-							<tr key={ getItemId( item ) }>
+							<tr key={ getItemId( item ) } className={ classnames({'is-selected': selection.includes( getItemId( item ) || index ) })}>
 								{ hasBulkActions && (
 									<td
 										style={ {
@@ -525,7 +525,7 @@ function ViewTable( {
 										} }
 									>
 										<SingleSelectionCheckbox
-											id={ getItemId?.( item ) || index }
+											id={ getItemId( item ) || index }
 											item={ item }
 											selection={ selection }
 											onSelectionChange={
@@ -566,7 +566,7 @@ function ViewTable( {
 				</tbody>
 			</table>
 			<div
-				className={ classNames( {
+				className={ classnames( {
 					'dataviews-loading': isLoading,
 					'dataviews-no-results': ! hasData && ! isLoading,
 				} ) }
diff --git a/packages/edit-site/src/components/page-templates/template-actions.js b/packages/edit-site/src/components/page-templates/template-actions.js
index 494d98d10cefac..7029d464ca8671 100644
--- a/packages/edit-site/src/components/page-templates/template-actions.js
+++ b/packages/edit-site/src/components/page-templates/template-actions.js
@@ -33,7 +33,7 @@ export function useResetTemplateAction() {
 	return useMemo(
 		() => ( {
 			id: 'reset-template',
-			label: __( 'Reset template' ),
+			label: __( 'Reset' ),
 			isPrimary: true,
 			icon: backup,
 			isEligible: isTemplateRevertable,
@@ -111,7 +111,7 @@ export function useResetTemplateAction() {
 
 export const deleteTemplateAction = {
 	id: 'delete-template',
-	label: __( 'Delete template' ),
+	label: __( 'Delete' ),
 	isPrimary: true,
 	icon: trash,
 	isEligible: isTemplateRemovable,