message: Hide disabled mods
diff: @@ -7,6 +7,7 @@ import { bungieBackgroundStyle } from '../dim-ui/BungieImage';
  import { D2Item } from './item-types';
  import { DestinySocketCategoryStyle } from 'bungie-api-ts/destiny2';
  import './ItemRender.scss';
  +import * as _ from 'underscore';
  interface Props {
  item: D2Item;
  @@ -24,6 +25,13 @@ export default class ItemRender extends React.Component<Props> {
  (category) => category.category.categoryStyle === DestinySocketCategoryStyle.Consumable
  );
  + const sockets = category
  + ? _.take(
  + category.sockets.filter((socketInfo) => socketInfo.plug && socketInfo.plug.enabled),
  + 3
  + )
  + : [];
  +
  return (
  <div
  className={classNames(
  @@ -42,20 +50,14 @@ export default class ItemRender extends React.Component<Props> {
  </div>
  <div className="plugs">
  {category &&
  - category.sockets.map((socketInfo, index) => {
  - if (index > 2) {
  - return null;
  - }
  -
  - return (
  + sockets.map((socketInfo, index) => (
  <div key={socketInfo.socketIndex} className={`plug-${index + 1}`}>
  {socketInfo.plug &&
  category.category.categoryStyle !== DestinySocketCategoryStyle.Reusable && (
  <ItemMod mod={socketInfo.plug.plugItem} />
  )}
  </div>
  - );
  - })}
  + ))}
  </div>
  <div className="attributes">
  <div className="area-overlap attribute-1">
  