@rpg-engine/long-bow 0.2.37 → 0.2.39

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

@@ -3,10 +3,10 @@ import React from 'react';
 export interface ITrandingMenu {
     traderItems: ITradeResponseItem[];
     onClose: () => void;
+    onConfirm: () => void;
     type: TradeTransactionType;
     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,7 @@ 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],
     setSum = _useState[1];
@@ -29451,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);
   };
@@ -29481,9 +29476,15 @@ var TradingMenu = function TradingMenu(_ref) {
     }));
   })), React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Available Gold:"), React__default.createElement("p", null, "$", characterAvailableGold)), React__default.createElement(TotalWrapper, null, React__default.createElement("p", null, "Total:"), React__default.createElement("p", null, "$", sum)), sum > characterAvailableGold ? React__default.createElement(AlertWrapper, null, React__default.createElement("p", null, " Sorry, not enough money.")) : React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Final Gold:"), React__default.createElement("p", null, "$", characterAvailableGold - sum)), React__default.createElement(ButtonWrapper, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    disabled: sum > characterAvailableGold
+    disabled: sum > characterAvailableGold,
+    onClick: function onClick() {
+      return onConfirm();
+    }
   }, "Confirm"), React__default.createElement(Button, {
-    buttonType: exports.ButtonTypes.RPGUIButton
+    buttonType: exports.ButtonTypes.RPGUIButton,
+    onClick: function onClick() {
+      return onClose();
+    }
   }, "Cancel"))));
 };
 var Title$3 = /*#__PURE__*/styled.h1.withConfig({
@@ -29509,7 +29510,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"