Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-24 08:31:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Set format in last height

Browse Source
This commit is contained in:
Nicola Benaglia 2025-06-21 17:08:04 +02:00
parent 36d570f1a5
commit 8ceb31c33b
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/QortPrice.tsx
View File

@ -31,7 +31,7 @@ function getTwoWeeksAgoTimestamp() {
return now.getTime(); // Get timestamp in milliseconds return now.getTime(); // Get timestamp in milliseconds
} }
function formatWithCommasAndDecimals(number) { function formatWithCommasAndDecimals(number: number) {
const locale = i18next.language; const locale = i18next.language;
return Number(number).toLocaleString(locale); return Number(number).toLocaleString(locale);
} }
@ -39,7 +39,7 @@ function formatWithCommasAndDecimals(number) {
export const QortPrice = () => { export const QortPrice = () => {
const [ltcPerQort, setLtcPerQort] = useState(null); const [ltcPerQort, setLtcPerQort] = useState(null);
const [supply, setSupply] = useState<string>(''); const [supply, setSupply] = useState<string>('');
const [lastBlock, setLastBlock] = useState(null); const [lastBlock, setLastBlock] = useState<string>('');
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const { t } = useTranslation(['core', 'tutorial']); const { t } = useTranslation(['core', 'tutorial']);
const theme = useTheme(); const theme = useTheme();
@ -47,12 +47,10 @@ export const QortPrice = () => {
const getPrice = useCallback(async () => { const getPrice = useCallback(async () => {
try { try {
setLoading(true); setLoading(true);
const response = await fetch( const response = await fetch(
`${getBaseApiReact()}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=${getTwoWeeksAgoTimestamp()}&limit=20&reverse=true` `${getBaseApiReact()}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=${getTwoWeeksAgoTimestamp()}&limit=20&reverse=true`
); );
const data = await response.json(); const data = await response.json();
setLtcPerQort(getAverageLtcPerQort(data)); setLtcPerQort(getAverageLtcPerQort(data));
} catch (error) { } catch (error) {
console.error(error); console.error(error);
@ -64,10 +62,8 @@ export const QortPrice = () => {
const getLastBlock = useCallback(async () => { const getLastBlock = useCallback(async () => {
try { try {
setLoading(true); setLoading(true);
const response = await fetch(`${getBaseApiReact()}/blocks/last`); const response = await fetch(`${getBaseApiReact()}/blocks/last`);
const data = await response.json(); const data = await response.json();
setLastBlock(data); setLastBlock(data);
} catch (error) { } catch (error) {
console.error(error); console.error(error);
@ -79,13 +75,11 @@ export const QortPrice = () => {
const getSupplyInCirculation = useCallback(async () => { const getSupplyInCirculation = useCallback(async () => {
try { try {
setLoading(true); setLoading(true);
const response = await fetch( const response = await fetch(
`${getBaseApiReact()}/stats/supply/circulating` `${getBaseApiReact()}/stats/supply/circulating`
); );
const data = await response.text(); const data = await response.text();
formatWithCommasAndDecimals(data); setSupply(formatWithCommasAndDecimals(parseFloat(data)));
setSupply(formatWithCommasAndDecimals(data));
} catch (error) { } catch (error) {
console.error(error); console.error(error);
} finally { } finally {
@ -251,7 +245,7 @@ export const QortPrice = () => {
fontSize: '1rem', fontSize: '1rem',
}} }}
> >
{lastBlock?.height} {formatWithCommasAndDecimals(lastBlock?.height)}
</Typography> </Typography>
)} )}
</Box> </Box>