Options
All
  • Public
  • Public/Protected
  • All
Menu

Module view/EquipmentPanel

Type aliases

Variables

Functions

Type aliases

Props

Props: object

React props for EquipmentPanel component

Type declaration

  • inventory: ItemInfo[]

    Array of items currently owned by this player

  • player: PlayerInfo

    Player whose equipment should be displayed

Variables

Const useStyles

useStyles: function = makeStyles(theme => ({column: {textAlign: "center",},stat: {marginTop: 5,display: "block",},emptySlot: {width: 56,height: 56,borderRadius: 4,color: theme.palette.secondary.light,borderColor: theme.palette.secondary.light,borderWidth: 3,borderStyle: "solid",textAlign: "center",verticalAlign: "center",'&:hover': {color: theme.palette.secondary.dark,borderColor: theme.palette.secondary.dark,},},picker: {maxWidth: 300,}}))

CSS style hook for EquipmentPanel component

Type declaration

    • (props?: any): ClassNameMap<ClassKey>

    • Parameters

      • Optional props: any

      Returns ClassNameMap<ClassKey>

Functions

Const EquipmentPanel

  • EquipmentPanel(__namedParameters: object): Element

  • React Component representing panel which shows items currently equipped by the given player and enables changing of this equipment by clicking on the corresponding item slot. It's a part of PlayerPanel.

    Parameters

    Returns Element

Const SkillColumn

  • SkillColumn(__namedParameters: object): Element

  • Helper React Component representing one item slot in EquipmentPanel, displaying icon of the currently equipped item and numeric value of the bonus provided by it.

    Parameters

    • __namedParameters: object
      • bonus: number
      • item: undefined | string
      • select: function
          • (): void

          • Returns void

      • stat: "COMMON" | "UNCOMMON" | "RARE" | "MOVING" | "MINING" | "COMBAT" | "PRODUCT" | "LOCATION" | "TIME"
      • title: string

    Returns Element

Generated using TypeDoc