import React from 'react';
import { List, ListItem } from 'material-ui/List';
import Divider from 'material-ui/Divider';

import './Help.css';

const Help = ({ sidebarExpanded }) => {
  const marginStyles = {
    expanded: {
      marginLeft: 200,
    },
    mini: {
      marginLeft: 56,
    },
  };
  return (
    <div
      className="Help"
      style={
        sidebarExpanded ?
        marginStyles.expanded :
        marginStyles.mini
      }
    >
      <List>
        <ListItem
          primaryText="Version"
          secondaryText="Flex (1.0.0)"
        />
        <Divider />
        <ListItem
          primaryText="Github repository"
          secondaryText="https://github.com/mkermani144/wanna"
        />
        <Divider />
        <ListItem
          primaryText="Star Wanna on Github"
          secondaryText="Stars: 6"
        />
        <Divider />
        <ListItem
          primaryText="License"
          secondaryText="MIT"
        />
        <Divider />
      </List>
    </div>
  );
};

export default Help;

import React from 'react';
import { List, ListItem } from 'material-ui/List';
import Divider from 'material-ui/Divider';

import './Help.css';

const Help = ({ sidebarExpanded }) => {
  const marginStyles = {
    expanded: {
      marginLeft: 200,
    },
    mini: {
      marginLeft: 56,
    },
  };
  return (
    <div
      className="Help"
      style={
        sidebarExpanded ?
        marginStyles.expanded :
        marginStyles.mini
      }
    >
      <List>
        <ListItem
          primaryText="Version"
          secondaryText="Flex (1.0.0)"
        />
        <Divider />
        <ListItem
          primaryText="Github repository"
          secondaryText="https://github.com/mkermani144/wanna"
        />
        <Divider />
        <ListItem
          primaryText="License"
          secondaryText="MIT"
        />
        <Divider />
      </List>
    </div>
  );
};

export default Help;

Remove star section from help
Remove star section from help
