d601c7f653
* fix: use static tranches data * fix: lint * refactor: use fetch rather than custom implementation * fix: make error handling consistent for useTranches * Revert "fix: make error handling consistent for useTranches" This reverts commit357cbc45f8. * Revert "Revert "fix: make error handling consistent for useTranches"" This reverts commit14f84608dd. * fix: render loop
67 lines
2.3 KiB
TypeScript
67 lines
2.3 KiB
TypeScript
import { useFetch } from '@vegaprotocol/react-helpers';
|
|
import type { Networks, Tranche } from '@vegaprotocol/smart-contracts-sdk';
|
|
import React, { useEffect } from 'react';
|
|
import { APP_ENV } from '../config';
|
|
|
|
import { BigNumber } from '../lib/bignumber';
|
|
|
|
const TRANCHES_URLS: { [N in Networks]: string } = {
|
|
MAINNET: 'https://static.vega.xyz/assets/mainnet-tranches.json',
|
|
TESTNET: 'https://static.vega.xyz/assets/testnet-tranches.json',
|
|
STAGNET: 'https://static.vega.xyz/assets/stagnet1-tranches.json',
|
|
STAGNET2: 'https://static.vega.xyz/assets/stagnet2-tranches.json',
|
|
DEVNET: 'https://static.vega.xyz/assets/devnet-tranches.json',
|
|
CUSTOM: '',
|
|
};
|
|
|
|
export function useTranches() {
|
|
const [tranches, setTranches] = React.useState<Tranche[] | null>(null);
|
|
const url = React.useMemo(() => TRANCHES_URLS[APP_ENV], []);
|
|
const {
|
|
state: { data, loading, error },
|
|
} = useFetch<Tranche[] | null>(url);
|
|
useEffect(() => {
|
|
const processedTrances = data
|
|
?.map((t) => ({
|
|
...t,
|
|
tranche_start: new Date(t.tranche_start),
|
|
tranche_end: new Date(t.tranche_end),
|
|
total_added: new BigNumber(t.total_added),
|
|
total_removed: new BigNumber(t.total_removed),
|
|
locked_amount: new BigNumber(t.locked_amount),
|
|
deposits: t.deposits.map((d) => ({
|
|
...d,
|
|
amount: new BigNumber(d.amount),
|
|
})),
|
|
withdrawals: t.withdrawals.map((w) => ({
|
|
...w,
|
|
amount: new BigNumber(w.amount),
|
|
})),
|
|
users: t.users.map((u) => ({
|
|
...u,
|
|
// @ts-ignore - types are incorrect in the SDK lib
|
|
deposits: u.deposits.map((d) => ({
|
|
...d,
|
|
amount: new BigNumber(d.amount),
|
|
})),
|
|
// @ts-ignore - types are incorrect in the SDK lib
|
|
withdrawals: u.withdrawals.map((w) => ({
|
|
...w,
|
|
amount: new BigNumber(w.amount),
|
|
})),
|
|
total_tokens: new BigNumber(u.total_tokens),
|
|
withdrawn_tokens: new BigNumber(u.withdrawn_tokens),
|
|
remaining_tokens: new BigNumber(u.remaining_tokens),
|
|
})),
|
|
}))
|
|
.sort((a: Tranche, b: Tranche) => a.tranche_id - b.tranche_id);
|
|
setTranches(processedTrances ? processedTrances : null);
|
|
}, [data]);
|
|
|
|
return {
|
|
tranches,
|
|
loading,
|
|
error,
|
|
};
|
|
}
|