Added a selection mark

WordPress · Jan 11, 2024 · 3ce5184 · 3ce5184
1 parent 7320420
commit 3ce5184
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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,
-Original file line number
+Diff line change
@@ Expand Up / @@ -117,6 +117,9 @@ @@
     				background-color: #f8f8f8;
     			}
     		}
+    		&.is-selected {
+    			background-color: #f7f8fe;
+    		}
     	}
     	thead {
     		tr {
@@ Expand Down @@