Qortal/q-trade
1
0
Fork 0
mirror of https://github.com/Qortal/q-trade.git synced 2025-06-22 05:51:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix sell amount input

Browse Source
This commit is contained in:
PhilReact 2025-06-22 01:20:25 +03:00
parent 0a44ef134b
commit 38d9123906
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Grids/TradeOffers.tsx
View File

@ -55,9 +55,9 @@ import {
MainContainer,
} from "./Table-styles";
export const baseLocalHost = window.location.host;
// export const baseLocalHost = window.location.host;
// export const baseLocalHost = "devnet-nodes.qortal.link:11111";
// export const baseLocalHost = "127.0.0.1:22391";
export const baseLocalHost = "127.0.0.1:22391";
import CloseIcon from "@mui/icons-material/Close";
import ContentCopyIcon from "@mui/icons-material/ContentCopy";

38
src/components/sell/CreateSell.tsx
View File

@ -103,8 +103,8 @@ export const CustomInput = styled(TextField)({
export const CreateSell = ({ qortAddress, show }) => {
const [open, setOpen] = React.useState(false);
const [openStuckOrders, setOpenStuckOrders] = React.useState(false);
const [qortAmount, setQortAmount] = React.useState(0);
const [foreignAmount, setForeignAmount] = React.useState(0);
const [qortAmount, setQortAmount] = React.useState('');
const [foreignAmount, setForeignAmount] = React.useState<string>('');
const {
updateTemporaryFailedTradeBots,
sellOrders,
@ -120,8 +120,8 @@ export const CreateSell = ({ qortAddress, show }) => {
};
const handleClose = () => {
setOpen(false);
setForeignAmount(0);
setQortAmount(0);
setForeignAmount('');
setQortAmount('');
};
const createSellOrder = async () => {
@ -133,9 +133,9 @@ export const CreateSell = ({ qortAddress, show }) => {
const res = await qortalRequestWithTimeout(
{
action: "CREATE_TRADE_SELL_ORDER",
qortAmount,
qortAmount: +qortAmount,
foreignBlockchain: selectedCoin,
foreignAmount: qortAmount * foreignAmount,
foreignAmount: +qortAmount * +foreignAmount,
},
900000
);
@ -155,8 +155,8 @@ export const CreateSell = ({ qortAddress, show }) => {
}
if (!res?.error) {
setOpenAlert(true);
setForeignAmount(0);
setQortAmount(0);
setForeignAmount('');
setQortAmount('');
setOpen(false);
setInfo({
@ -281,7 +281,13 @@ export const CreateSell = ({ qortAddress, show }) => {
id="standard-adornment-name"
type="number"
value={qortAmount}
onChange={(e) => setQortAmount(+e.target.value)}
onChange={(e) => {
const value = e.target.value;
const regex = /^\d*\.?\d{0,8}$/; // allows up to 8 decimal places
if (value === '' || regex.test(value)) {
setQortAmount(value);
}
}}
autoComplete="off"
/>
<Spacer height="15px" />
@ -293,13 +299,19 @@ export const CreateSell = ({ qortAddress, show }) => {
id="standard-adornment-amount"
type="number"
value={foreignAmount}
onChange={(e) => setForeignAmount(+e.target.value)}
onChange={(e) => {
const value = e.target.value;
const regex = /^\d*\.?\d{0,8}$/; // allows up to 8 decimal places
if (value === '' || regex.test(value)) {
setForeignAmount(value);
}
}}
autoComplete="off"
/>
<Spacer height="15px" />
<Typography>
{`${qortAmount * foreignAmount} ${getCoinLabel()}`} for{" "}
{qortAmount} QORT
{`${Number(+qortAmount * +foreignAmount)?.toFixed(8)} ${getCoinLabel()}`} for{" "}
{qortAmount || 0} QORT
</Typography>
<Typography
sx={{
@ -320,7 +332,7 @@ export const CreateSell = ({ qortAddress, show }) => {
disabled={
!qortAmount ||
!(
qortAmount * foreignAmount >
+qortAmount * +foreignAmount >
minimumAmountSellTrades[selectedCoin]?.value
)
}