Merge pull request #1501 from georgel-pop-lr/1500-paragraphAlign

 fix: Prevent activeCommand in button-paragraph-align.jsx to be undefined (#1500)

Author: diegonvs

src/components/buttons/button-paragraph-align.jsx

@@ -30,12 +30,13 @@ class ButtonParagraphAlign extends React.Component {
 	render() {
 		let buttonCommandsList;
 		let buttonCommandsListId;
+		const getCommands = this._getCommands();
 
 		if (this.props.expanded) {
 			buttonCommandsListId = ButtonParagraphAlign.key + 'List';
 			buttonCommandsList = (
 				<ButtonCommandsList
-					commands={this._getCommands()}
+					commands={getCommands}
 					inlineIcons={false}
 					listId={buttonCommandsListId}
 					onDismiss={this.props.toggleDropdown}
@@ -45,14 +46,16 @@ class ButtonParagraphAlign extends React.Component {
 
 		const editor = this.context.editor.get('nativeEditor');
 
-		const activeCommand = this._getCommands()
+		let activeCommand = getCommands
 			.filter(alignment => {
 				const command = editor.getCommand(alignment.command);
 
 				return command ? command.state === CKEDITOR.TRISTATE_ON : false;
 			})
 			.pop();
 
+		activeCommand = activeCommand ? activeCommand : getCommands[0];
+
 		const iconClassName = activeCommand.icon;
 
 		return (