diff --git a/agot-bg-game-server/src/client/IngameComponent.tsx b/agot-bg-game-server/src/client/IngameComponent.tsx index 485c48b3e..f5a301f21 100644 --- a/agot-bg-game-server/src/client/IngameComponent.tsx +++ b/agot-bg-game-server/src/client/IngameComponent.tsx @@ -49,6 +49,7 @@ import Tab from "react-bootstrap/Tab"; import ChatComponent from "./chat-client/ChatComponent"; import {HouseCardState} from "../common/ingame-game-state/game-data-structure/house-card/HouseCard"; import HouseCardBackComponent from "./game-state-panel/utils/HouseCardBackComponent"; +import InfluenceIconComponent from "./game-state-panel/utils/InfluenceIconComponent"; import Dropdown from "react-bootstrap/Dropdown"; import User from "../server/User"; import Player from "../common/ingame-game-state/Player"; @@ -163,9 +164,9 @@ export default class IngameComponent extends Component { {tracker.map((h, i) => ( -
-
+
{stars && i < this.game.starredOrderRestrictions.length && ( _.range(0, this.game.starredOrderRestrictions[i]).map(i => ( diff --git a/agot-bg-game-server/src/client/game-state-panel/utils/InfluenceIconComponent.tsx b/agot-bg-game-server/src/client/game-state-panel/utils/InfluenceIconComponent.tsx new file mode 100644 index 000000000..dee8f227c --- /dev/null +++ b/agot-bg-game-server/src/client/game-state-panel/utils/InfluenceIconComponent.tsx @@ -0,0 +1,29 @@ +import {Component, default as React, ReactNode} from "react"; +import {observer} from "mobx-react"; +import Tooltip from "react-bootstrap/Tooltip"; +import houseInfluenceImages from "../../houseInfluenceImages"; +import OverlayTrigger from "react-bootstrap/OverlayTrigger"; +import House from "../../../common/ingame-game-state/game-data-structure/House"; + +interface InfluenceIconComponentProps { + house: House; +} + +@observer +export default class InfluenceIconComponent extends Component { + render(): ReactNode { + return ( + + {this.props.house.name} + + } + placement="bottom" + > +
+
+
+ ); + } +}