New source found from dndbeyond.com

ddb_main/tools/js/CharacterBuilder/containers/pages/EquipmentManage/EquipmentManage.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { useContext } from "react";
 import { DispatchProp } from "react-redux";
+import { AnyAction } from "redux";
 import { v4 as uuidv4 } from "uuid";
 
 import {
@@ -48,12 +49,13 @@ import { CoinManagerContext } from "../../../../Shared/managers/CoinManagerConte
 import { InventoryManagerContext } from "../../../../Shared/managers/InventoryManagerContext";
 import { AppNotificationUtils } from "../../../../Shared/utils";
 import Page from "../../../components/Page";
-import { PageBody } from "../../../components/PageBody";
 import { PageHeader } from "../../../components/PageHeader";
 import { BuilderAppState } from "../../../typings";
 import ConnectedBuilderPage from "../ConnectedBuilderPage";
 
-interface Props extends DispatchProp {
+// TODO: We are typing with AnyAction here to work around issues with UnknownAction, the type that was introduced in Redux 5.
+// If we decide to modernize to Redux 5, we will need to refactor much of the Rules Engine redux usage.
+interface Props extends DispatchProp<AnyAction> {
   configuration: CharacterConfiguration;
   inventory: Array<Item>;
   containerLookup: ContainerLookup;
@@ -65,7 +67,6 @@ interface Props extends DispatchProp {
   theme: CharacterTheme;
   globalModifiers: Array<Modifier>;
   valueLookupByType: TypeValueLookup;
-  proficiencyBonus: number;
   inventoryManager: InventoryManager;
   coinManager: CoinManager;
   activeSourceCategories: Array<number>;
@@ -260,7 +261,7 @@ class EquipmentManage extends React.PureComponent<Props, State> {
     };
 
     return (
-      <React.Fragment>
+      <>
         {ItemUtils.sortInventoryItems(inventory).map((item) =>
           this.renderItem(
             item,
@@ -270,7 +271,7 @@ class EquipmentManage extends React.PureComponent<Props, State> {
             gearLabels
           )
         )}
-      </React.Fragment>
+      </>
     );
   };
 
@@ -349,7 +350,6 @@ class EquipmentManage extends React.PureComponent<Props, State> {
       theme,
       globalModifiers,
       valueLookupByType,
-      proficiencyBonus,
       activeSourceCategories,
       inventoryManager,
     } = this.props;
@@ -369,7 +369,6 @@ class EquipmentManage extends React.PureComponent<Props, State> {
           valueLookupByType={valueLookupByType}
           onItemAdd={this.handleItemAdd}
           ruleData={ruleData}
-          proficiencyBonus={proficiencyBonus}
           containerDefinitionKey={characterContainerKey}
           activeSourceCategories={activeSourceCategories}
           inventoryManager={inventoryManager}
@@ -426,16 +425,14 @@ class EquipmentManage extends React.PureComponent<Props, State> {
   render() {
     return (
       <Page>
-        <PageBody>
-          <PageHeader>Choose Equipment</PageHeader>
-          <div className="equipment-manage">
-            {this.renderStartingEquipment()}
-            {this.renderInventory()}
-            {this.renderOtherPossessions()}
-            {this.renderAddItems()}
-            {this.renderCurrency()}
-          </div>
-        </PageBody>
+        <PageHeader>Choose Equipment</PageHeader>
+        <div className="equipment-manage">
+          {this.renderStartingEquipment()}
+          {this.renderInventory()}
+          {this.renderOtherPossessions()}
+          {this.renderAddItems()}
+          {this.renderCurrency()}
+        </div>
       </Page>
     );
   }
@@ -469,7 +466,6 @@ export default ConnectedBuilderPage(
       currencies: rulesEngineSelectors.getCurrencies(state),
       ruleData: rulesEngineSelectors.getRuleData(state),
       hasMaxAttunedItems: rulesEngineSelectors.hasMaxAttunedItems(state),
-      proficiencyBonus: rulesEngineSelectors.getProficiencyBonus(state),
       characterId: rulesEngineSelectors.getId(state),
       globalModifiers: rulesEngineSelectors.getValidGlobalModifiers(state),
       valueLookupByType: