old_contents: import loggerCreator from "app/utils/logger";
  //noinspection JSUnresolvedVariable
  var moduleLogger = loggerCreator("SidebarMenuItem");
  
  import React, { Component } from "react";
  import { Image, StyleSheet, View } from "react-native";
  import { observer } from "mobx-react";
  import NormalText from "app/shared_components/text/normal_text";
  import { colors } from "app/styles/styles";
  import HoverableOpacity from "app/utils/hoverable_opacity";
  
  const styles = StyleSheet.create({
    itemContainer: { flexDirection: "row", height: 45, alignItems: "center" },
    itemText: { marginLeft: 5, color: colors.CYAN_BRIGHT },
  
    leftImage: { flex: 1 },
    leftImageContainer: { marginLeft: 10, height: 25, width: 25 },
  
    rightImage: { flex: 1 },
    rightImageContainer: { marginLeft: "auto", marginRight: 10, height: 25, width: 25 },
  });
  
  @observer
  export default class SidebarMenuItem extends Component {
    render() {
      let itemContainerBackground = "transparent";
      if (this.props.isActive) {
        itemContainerBackground = colors.CONTAINER_BACKGROUND_ACTIVE;
      }
  
      return (
        <HoverableOpacity
          activeOpacity={1}
          style={[styles.itemContainer, { backgroundColor: itemContainerBackground }]}
          hoverStyle={{ backgroundColor: colors.CONTAINER_BACKGROUND_HOVER }}
          onMouseEnter={this.onMouseEnter}>
          <View style={styles.leftImageContainer}>
            <Image source={this.props.leftImage} resizeMode="contain" style={styles.leftImage} />
          </View>
          <NormalText style={styles.itemText}>
            {this.props.text}
          </NormalText>
          <View style={styles.rightImageContainer}>
            <Image source={this.props.rightImage} resizeMode="contain" style={styles.rightImage} />
          </View>
        </HoverableOpacity>
      );
    }
  }
  
  SidebarMenuItem.propTypes = {
    text: React.PropTypes.string.isRequired,
    leftImage: React.PropTypes.any.isRequired,
    rightImage: React.PropTypes.any,
  
    isActive: React.PropTypes.bool,
  };
  
new_contents: import loggerCreator from "app/utils/logger";
  //noinspection JSUnresolvedVariable
  var moduleLogger = loggerCreator("SidebarMenuItem");
  
  import React, { Component } from "react";
  import { Image, StyleSheet, View } from "react-native";
  import { observer } from "mobx-react";
  import NormalText from "app/shared_components/text/normal_text";
  import { colors } from "app/styles/styles";
  import HoverableOpacity from "app/utils/hoverable_opacity";
  
  const styles = StyleSheet.create({
    itemContainer: {
      flexDirection: "row",
      height: 45,
      alignItems: "center",
      paddingLeft: 10,
    },
    itemText: { marginLeft: 5, color: colors.CYAN_BRIGHT },
  
    leftImage: { height: 25, width: 25, resizeMode: "contain" },
    leftImageContainer: {},
  
    rightImage: { flex: 1 },
    rightImageContainer: { marginLeft: "auto", marginRight: 10, height: 25, width: 25 },
  });
  
  @observer
  export default class SidebarMenuItem extends Component {
    render() {
      let itemContainerBackground = "transparent";
      if (this.props.isActive) {
        itemContainerBackground = colors.CONTAINER_BACKGROUND_ACTIVE;
      }
  
      return (
        <HoverableOpacity
          activeOpacity={1}
          style={[styles.itemContainer, { backgroundColor: itemContainerBackground }]}
          hoverStyle={{ backgroundColor: colors.CONTAINER_BACKGROUND_HOVER }}>
          <View style={styles.leftImageContainer}>
            <Image source={this.props.leftImage} style={styles.leftImage} />
          </View>
          <NormalText style={styles.itemText}>
            {this.props.text}
          </NormalText>
          <View style={styles.rightImageContainer}>
            <Image source={this.props.rightImage} resizeMode="contain" style={styles.rightImage} />
          </View>
        </HoverableOpacity>
      );
    }
  }
  
  SidebarMenuItem.propTypes = {
    text: React.PropTypes.string.isRequired,
    leftImage: React.PropTypes.any.isRequired,
    rightImage: React.PropTypes.any,
  
    isActive: React.PropTypes.bool,
  };
  
subject: fix - sidebar icons adjusting size