Prop destructuring

ts/components/session/SessionIconButton.tsx

@@ -12,12 +12,21 @@ export class SessionIconButton extends React.PureComponent<Props> {
   }
 
   public render() {
+    const {
+      iconType,
+      iconSize,
+      iconColor,
+      iconRotation,
+      iconPadded,
+      onClick,
+    } = this.props;
+
     return (
       <div
         className={classNames(
           'session-icon-button',
-          this.props.iconSize,
+          iconSize,
-          this.props.iconPadded ? 'padded' : ''
+          iconPadded ? 'padded' : ''
         )}
         role="button"
         onClick={e => {
@@ -25,11 +34,11 @@ export class SessionIconButton extends React.PureComponent<Props> {
         }}
       >
         <SessionIcon
-          iconType={this.props.iconType}
+          iconType={iconType}
-          iconSize={this.props.iconSize}
+          iconSize={iconSize}
-          iconColor={this.props.iconSize}
+          iconColor={iconColor}
-          iconRotation={this.props.iconRotation}
+          iconRotation={iconRotation}
-          onClick={this.props.onClick}
+          onClick={onClick}
         />
       </div>
     );