change(text-align): add clear selection if it's not found as last option

eea · Oct 27, 2022 · 7761417 · 7761417
1 parent fc26773
commit 7761417
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/Widgets/TextAlign.jsx b/src/Widgets/TextAlign.jsx
@@ -13,11 +13,15 @@ export const TEXT_ALIGN_VALUE_MAP = [
   ['right', alignRightSVG, 'Right align'],
   ['center', alignCenterSVG, 'Center align'],
   ['justify', alignJustifySVG, 'Justify align'],
-  ['', clearSVG, 'Clear selection'],
 ];
 
 export default (props) => {
   const { value, onChange, id, actions = TEXT_ALIGN_VALUE_MAP } = props;
+  // add clear selection button to the actions mapping if it's not already present
+  if (actions[actions.length - 1][0] !== '') {
+    actions.push(['', clearSVG, 'Clear selection']);
+  }
+
   return (
     <FormFieldWrapper {...props}>
       <div className="align-tools">