fix color of icon compose on dark theme

cross color is always white as the background is black

ts/components/session/LeftPaneSectionHeader.tsx

@@ -1,9 +1,14 @@
 import React from 'react';
 import classNames from 'classnames';
-import { SessionButton } from './SessionButton';
+import {
-import { SessionIcon, SessionIconSize, SessionIconType } from './icon';
+  SessionIcon,
+  SessionIconButton,
+  SessionIconSize,
+  SessionIconType,
+} from './icon';
 import { inversedTheme } from '../../state/ducks/SessionTheme';
 import { DefaultTheme } from 'styled-components';
+import { SessionButton } from './SessionButton';
 
 const Tab = ({
   isSelected,
@@ -46,28 +51,23 @@ interface Props {
 export const LeftPaneSectionHeader = (props: Props) => {
   const { label, buttonIcon, buttonClicked } = props;
 
-  const children = [];
+  return (
-  if (label) {
+    <div className="module-left-pane__header">
-    children.push(<Tab label={label} type={0} isSelected={true} key={label} />);
+      {label && <Tab label={label} type={0} isSelected={true} key={label} />}
-  }
+      {buttonIcon && (
-
+        <SessionButton
-  if (buttonIcon) {
+          onClick={buttonClicked}
-    const button = (
+          key="compose"
-      <SessionButton
-        onClick={buttonClicked}
-        key="compose"
-        theme={inversedTheme(props.theme)}
-      >
-        <SessionIcon
-          iconType={buttonIcon}
-          iconSize={SessionIconSize.Small}
           theme={props.theme}
-        />
+        >
-      </SessionButton>
+          <SessionIcon
-    );
+            iconType={buttonIcon}
-
+            iconSize={SessionIconSize.Small}
-    children.push(button);
+            iconColor="white"
-  }
+            theme={props.theme}
-  // Create the parent and add the children
+          />
-  return <div className="module-left-pane__header">{children}</div>;
+        </SessionButton>
+      )}
+    </div>
+  );
 };