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

updated trade history

Browse Source
This commit is contained in:
PhilReact 2025-04-01 19:31:37 +03:00
parent 702672557f
commit a5cefeba1f
2 changed files with 38 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/history/History.tsx
View File

@ -15,10 +15,11 @@ import gameContext from "../../contexts/gameContext";
import HistoryList from "./HistoryList"; import HistoryList from "./HistoryList";
import { ShowingFont, Refresh, HistoryButtonRow, HistoryButton } from "./History-styles"; import { ShowingFont, Refresh, HistoryButtonRow, HistoryButton } from "./History-styles";
export const History = ({ qortAddress, show }) => { export const History = ({ qortAddress, show, userPublicKey }) => {
const [buyHistory, setBuyHistory] = useState({}); const [buyHistory, setBuyHistory] = useState({});
const [sellHistory, setSellHistory] = useState({}); const [sellHistory, setSellHistory] = useState({});
const [allHistory, setAllHistory] = useState({});
const { selectedCoin } = useContext(gameContext); const { selectedCoin } = useContext(gameContext);
const [mode, setMode] = useState("buyHistory"); const [mode, setMode] = useState("buyHistory");
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
@ -26,18 +27,21 @@ export const History = ({ qortAddress, show }) => {
const selectedHistory = useMemo(() => { const selectedHistory = useMemo(() => {
if (mode === "buyHistory") return buyHistory[selectedCoin] || []; if (mode === "buyHistory") return buyHistory[selectedCoin] || [];
if (mode === "sellHistory") return sellHistory[selectedCoin] || []; if (mode === "sellHistory") return sellHistory[selectedCoin] || [];
}, [selectedCoin, buyHistory, sellHistory, mode]); if (mode === "allHistory") return allHistory[selectedCoin] || [];
}, [selectedCoin, buyHistory, sellHistory, mode, allHistory]);
const getBuyHistory = useCallback( const getBuyHistory = useCallback(
(address, foreignBlockchain, mode, limit = 20) => { (publicKey, foreignBlockchain, mode, limit = 20) => {
setOpen(true); setOpen(true);
let historyUrl; let historyUrl;
if (mode === "buyHistory") { if (mode === "buyHistory") {
historyUrl = `/crosschain/trades?foreignBlockchain=${foreignBlockchain}&buyerAddress=${address}&limit=${limit}&reverse=true`; historyUrl = `/crosschain/trades?foreignBlockchain=${foreignBlockchain}&buyerPublicKey=${publicKey}&limit=${limit}&reverse=true`;
} }
if (mode === "sellHistory") { if (mode === "sellHistory") {
historyUrl = `/crosschain/trades?foreignBlockchain=${foreignBlockchain}&sellerAddress=${address}&limit=${limit}&reverse=true`; historyUrl = `/crosschain/trades?foreignBlockchain=${foreignBlockchain}&sellerPublicKey=${publicKey}&limit=${limit}&reverse=true`;
}
if(mode === 'allHistory'){
historyUrl = `/crosschain/trades?foreignBlockchain=${foreignBlockchain}&limit=${limit}&reverse=true`;
} }
fetch(historyUrl) fetch(historyUrl)
.then((response) => { .then((response) => {
return response.json(); return response.json();
@ -59,6 +63,14 @@ export const History = ({ qortAddress, show }) => {
}; };
}); });
} }
if (mode === "allHistory") {
setAllHistory((prev) => {
return {
...prev,
[foreignBlockchain]: data,
};
});
}
}) })
.catch(() => {}) .catch(() => {})
.finally(() => { .finally(() => {
@ -69,12 +81,12 @@ export const History = ({ qortAddress, show }) => {
); );
useEffect(() => { useEffect(() => {
if (!qortAddress || !selectedCoin) return; if (!userPublicKey || !selectedCoin) return;
if (mode === "buyHistory" && buyHistory[selectedCoin]) return; if (mode === "buyHistory" && buyHistory[selectedCoin]) return;
if (mode === "sellHistory" && sellHistory[selectedCoin]) return; if (mode === "sellHistory" && sellHistory[selectedCoin]) return;
if (mode === "allHistory" && allHistory[selectedCoin]) return;
getBuyHistory(qortAddress, selectedCoin, mode); getBuyHistory(userPublicKey, selectedCoin, mode);
}, [qortAddress, selectedCoin, buyHistory, mode]); }, [userPublicKey, selectedCoin, buyHistory, mode, sellHistory, allHistory]);
return ( return (
<Box <Box
@ -83,14 +95,16 @@ export const History = ({ qortAddress, show }) => {
display: show ? "block" : "none", display: show ? "block" : "none",
}} }}
> >
<HistoryButtonRow> <HistoryButtonRow sx={{
flexWrap: 'wrap'
}}>
<HistoryButton <HistoryButton
activeBtn={mode === "buyHistory"} activeBtn={mode === "buyHistory"}
onClick={() => { onClick={() => {
setMode("buyHistory"); setMode("buyHistory");
}} }}
> >
Buy History My Buy History
</HistoryButton> </HistoryButton>
<HistoryButton <HistoryButton
activeBtn={mode === "sellHistory"} activeBtn={mode === "sellHistory"}
@ -98,11 +112,19 @@ export const History = ({ qortAddress, show }) => {
setMode("sellHistory"); setMode("sellHistory");
}} }}
> >
Sell History My Sell History
</HistoryButton>
<HistoryButton
activeBtn={mode === "allHistory"}
onClick={() => {
setMode("allHistory");
}}
>
Historic Trades
</HistoryButton> </HistoryButton>
<ButtonBase <ButtonBase
onClick={() => { onClick={() => {
getBuyHistory(qortAddress, selectedCoin, mode); getBuyHistory(userPublicKey, selectedCoin, mode);
}} }}
> >
<Refresh /> <Refresh />

2
src/pages/Home/Home.tsx
View File

@ -112,7 +112,7 @@ export const HomePage = () => {
</div> </div>
<CreateSell show={mode === "sell"} qortAddress={userInfo?.address} /> <CreateSell show={mode === "sell"} qortAddress={userInfo?.address} />
<History show={mode === "history"} qortAddress={userInfo?.address} /> <History show={mode === "history"} qortAddress={userInfo?.address} userPublicKey={userInfo?.publicKey} />
</AppContainer> </AppContainer>
</> </>
); );