Optimize parseUnit with keyBy rather than Array.find

WordPress · May 20, 2020 · 8fdc6e8 · 8fdc6e8
1 parent 8949a04
commit 8fdc6e8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/components/src/unit-control/utils.js b/packages/components/src/unit-control/utils.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { isEmpty } from 'lodash';
+import { isEmpty, keyBy } from 'lodash';
 
 export const CSS_UNITS = [
 	{ value: 'px', label: 'px', default: 0 },
@@ -61,7 +61,7 @@ export function parseUnit( initialValue, units = CSS_UNITS ) {
 	unit = unit.toLowerCase();
 
 	if ( hasUnits( units ) ) {
-		const match = units.find( ( item ) => item.value === unit );
+		const match = keyBy( units, 'value' )[ unit ];
 		unit = match?.value;
 	}