@rpg-engine/long-bow 0.2.38 → 0.2.40

package/dist/components/TradingMenu/TradingMenu.d.ts

@@ -8,6 +8,5 @@ export interface ITrandingMenu {
     atlasJSON: any;
     atlasIMG: any;
     characterAvailableGold: number;
-    onChangeTraderItems: (traderItems: ITradeResponseItem[]) => void;
 }
 export declare const TradingMenu: React.FC<ITrandingMenu>;

package/dist/long-bow.cjs.development.js

@@ -29436,7 +29436,6 @@ var TradingMenu = function TradingMenu(_ref) {
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
     characterAvailableGold = _ref.characterAvailableGold,
-    onChangeTraderItems = _ref.onChangeTraderItems,
     onConfirm = _ref.onConfirm;
   var _useState = React.useState(0),
     sum = _useState[0],
@@ -29452,11 +29451,6 @@ var TradingMenu = function TradingMenu(_ref) {
       setSum(newSumArray);
     });
   };
-  React.useEffect(function () {
-    if (onChangeTraderItems) {
-      onChangeTraderItems(traderItems);
-    }
-  }, [traderItems]);
   var Capitalize = function Capitalize(word) {
     return word[0].toUpperCase() + word.substring(1);
   };
@@ -29473,8 +29467,10 @@ var TradingMenu = function TradingMenu(_ref) {
     }
   }, React__default.createElement(Title$3, null, Capitalize(type), " Menu"), React__default.createElement("hr", {
     className: "golden"
-  })), React__default.createElement(TradingComponentScrollWrapper, null, traderItems.map(function (tradeItem) {
-    return React__default.createElement(ItemWrapper$1, null, React__default.createElement(TradingItemRow, {
+  })), React__default.createElement(TradingComponentScrollWrapper, null, traderItems.map(function (tradeItem, index) {
+    return React__default.createElement(ItemWrapper$1, {
+      key: tradeItem.key + "_" + index
+    }, React__default.createElement(TradingItemRow, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       updateChartTotals: updateChartTotals,
@@ -29516,7 +29512,7 @@ var GoldWrapper = /*#__PURE__*/styled.div.withConfig({
 var AlertWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__AlertWrapper",
   componentId: "sc-1wjsz1l-5"
-})(["display:flex;width:100%;justify-content:center;height:20px;p{color:red !important;}"]);
+})(["margin-top:1rem;display:flex;width:100%;justify-content:center;height:20px;p{color:red !important;}"]);
 var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__ButtonWrapper",
   componentId: "sc-1wjsz1l-6"