diff --git a/src/ui/hunt-optimizer/WantedItemsComponent.css b/src/ui/hunt-optimizer/WantedItemsComponent.less similarity index 56% rename from src/ui/hunt-optimizer/WantedItemsComponent.css rename to src/ui/hunt-optimizer/WantedItemsComponent.less index 0f16843d..b78deb85 100644 --- a/src/ui/hunt-optimizer/WantedItemsComponent.css +++ b/src/ui/hunt-optimizer/WantedItemsComponent.less @@ -8,4 +8,13 @@ position: relative; flex: 1; margin: 10px 0 0 -10px; +} + +.ho-WantedItemsComponent-no-rows { + padding: 5px 20px; + color: @text-color-secondary; +} + +.ho-WantedItemsComponent-help { + max-width: 500px; } \ No newline at end of file diff --git a/src/ui/hunt-optimizer/WantedItemsComponent.tsx b/src/ui/hunt-optimizer/WantedItemsComponent.tsx index 9eeec229..ed09c94f 100644 --- a/src/ui/hunt-optimizer/WantedItemsComponent.tsx +++ b/src/ui/hunt-optimizer/WantedItemsComponent.tsx @@ -1,20 +1,34 @@ -import { Button, InputNumber, Select } from "antd"; +import { Button, InputNumber, Select, Popover } from "antd"; import { observer } from "mobx-react"; import React from "react"; import { AutoSizer, Column, Table, TableCellRenderer } from "react-virtualized"; import { huntOptimizerStore, WantedItem } from "../../stores/HuntOptimizerStore"; import { itemStore } from "../../stores/ItemStore"; -import './WantedItemsComponent.css'; +import './WantedItemsComponent.less'; @observer export class WantedItemsComponent extends React.Component { + state = { + helpVisible: false + } + render() { // Make sure render is called on updates. huntOptimizerStore.wantedItems.slice(0, 0); return (
-

Wanted Items

+

+ Wanted Items + } + trigger="click" + visible={this.state.helpVisible} + onVisibleChange={this.onHelpVisibleChange} + > +