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

change logo

Browse Source
This commit is contained in:
PhilReact 2024-11-23 13:34:46 +02:00
parent aa8f7ffa75
commit a2c773b301
6 changed files with 35 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -2,9 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="
connect-src 'self' wss://appnode.qortal.org;
">
<link rel="icon" type="image/svg+xml" href="/favicon.ico" /> <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
@ -14,7 +12,7 @@
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Qort.Trade</title> <title>Q-Trade</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
src/components/DbComponents/OngoingTransactions.tsx
View File

@ -5,7 +5,7 @@ import { useIndexedDBContext } from "../../contexts/indexedDBContext";
const fetchTradeInfo = async (qortalAtAddress) => { const fetchTradeInfo = async (qortalAtAddress) => {
const checkIfOfferingRes = await fetch(`http://127.0.0.1:12391/crosschain/trade/${qortalAtAddress}`) const checkIfOfferingRes = await fetch(`/crosschain/trade/${qortalAtAddress}`)
const data = await checkIfOfferingRes.json() const data = await checkIfOfferingRes.json()
return data return data
}; };

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

@ -362,7 +362,11 @@ export const TradeOffers: React.FC<any> = ({ltcBalance}:any) => {
// Update transactions in IndexedDB // Update transactions in IndexedDB
const result = await updateTransactionInDB(transactionData); const result = await updateTransactionInDB(transactionData);
setOpen(true)
setInfo({
type: 'success',
message: "Submitted Order"
})
fetchOngoingTransactions() fetchOngoingTransactions()
if(isUsingGateway){ if(isUsingGateway){
setRecord(transactionData) setRecord(transactionData)
@ -370,11 +374,7 @@ export const TradeOffers: React.FC<any> = ({ltcBalance}:any) => {
message: `Keep a record of your order in case your trade gets stuck`, message: `Keep a record of your order in case your trade gets stuck`,
}) })
} }
setOpen(true)
setInfo({
type: 'success',
message: "Submitted Order"
})
} }
} catch (error) { } catch (error) {
@ -554,11 +554,24 @@ const handleClose = (
> >
<DialogTitle id="alert-dialog-title">{"Download record"}</DialogTitle> <DialogTitle id="alert-dialog-title">{"Download record"}</DialogTitle>
<DialogContent> <DialogContent>
<DialogContentText id="alert-dialog-description"> <DialogContentText id="alert-dialog-description" sx={{
color: 'white'
}}>
{messageInfo.message} {messageInfo.message}
</DialogContentText> </DialogContentText>
<Button onClick={()=> { <Button onClick={async ()=> {
saveFileToDisk(record) try {
const fileName = "traderecord_" + Date.now() + '_' + ".json";
const dataString = JSON.stringify(record);
const blob = new Blob([dataString], { type: 'application/json' });
await qortalRequest({
action: 'SAVE_FILE',
filename: fileName,
blob
})
} catch (error) {
}
}}>Save Record</Button> }}>Save Record</Button>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>

8
src/components/Terms.tsx
View File

@ -55,10 +55,10 @@ export const Terms =() => {
</IconButton> </IconButton>
<DialogContent dividers> <DialogContent dividers>
<Typography gutterBottom> <Typography gutterBottom>
The purpose of qort.trade is to make trading LTC for QORT as easy as possible. The maintainers of this site do not profit from its use—there are no additional fees for buying QORT through this site. There are two ways to place a buy order: The purpose of q-trade is to make trading LTC for QORT as easy as possible. The maintainers of this site do not profit from its use—there are no additional fees for buying QORT through this site. There are two ways to place a buy order:
1. Use the gateway 1. Use the gateway
2. Use your local node. 2. Use your local node.
By using qort.trade, you agree to the following terms and conditions. By using q-trade, you agree to the following terms and conditions.
</Typography> </Typography>
<Typography gutterBottom> <Typography gutterBottom>
@ -66,11 +66,11 @@ export const Terms =() => {
</Typography> </Typography>
<Typography gutterBottom> <Typography gutterBottom>
If you are uncomfortable using the gateway, we offer the option to use your local node to buy QORT. When logging into the extension, choose the local node configuration, and use the switch button on qort.trade to connect with your local node. If you are uncomfortable using the gateway, we offer the option to use your local node to buy QORT. When logging into the UI, choose the local node configuration.
</Typography> </Typography>
<Typography gutterBottom> <Typography gutterBottom>
The maintainers of this site are not responsible for any lost LTC, QORT, or other cryptocurrencies that may result from using this site. This is a hobby project, and mistakes in the code may occur. Please proceed with caution. The maintainers and devs of this site are not responsible for any lost LTC, QORT, or other cryptocurrencies that may result from using this site. This is a hobby project, and mistakes in the code may occur. Please proceed with caution.
</Typography> </Typography>
</DialogContent> </DialogContent>

BIN
src/components/common/icons/qtradeLogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

10
src/components/header/Header.tsx
View File

@ -20,7 +20,7 @@ import gameContext from "../../contexts/gameContext";
import { UserContext } from "../../contexts/userContext"; import { UserContext } from "../../contexts/userContext";
import { cropAddress } from "../../utils/cropAddress"; import { cropAddress } from "../../utils/cropAddress";
import { BubbleCardColored1 } from "../../pages/Home/Home-Styles"; import { BubbleCardColored1 } from "../../pages/Home/Home-Styles";
import logoSVG from "../../assets/SVG/LOGO.svg"; import qtradeLogo from '../../components/common/icons/qtradeLogo.png'
import { import {
Alert, Alert,
Avatar, Avatar,
@ -167,9 +167,9 @@ export const Header = ({ qortBalance, ltcBalance, mode, setMode }: any) => {
> >
<LogoColumn> <LogoColumn>
<img <img
src={logoSVG} src={qtradeLogo}
style={{ style={{
height: "24px", height: "40px",
}} }}
/> />
</LogoColumn> </LogoColumn>
@ -190,7 +190,9 @@ export const Header = ({ qortBalance, ltcBalance, mode, setMode }: any) => {
</Box> </Box>
</Box> </Box>
<RightColumn> <RightColumn sx={{
alignItems: 'center'
}}>
<HeaderText> <HeaderText>
Balance: {qortBalance} QORT |{" "} Balance: {qortBalance} QORT |{" "}
{ltcBalance === null ? "N/A" : ltcBalance} LTC {ltcBalance === null ? "N/A" : ltcBalance} LTC