mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

Prettier formatting

pull/58/head
Neeraj Kashyap 2021-08-03 10:47:31 -07:00
rodzic b20a95b0ac
commit a6069b6c11
5 zmienionych plików z 73 dodań i 62 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

7
frontend/src/components/StreamEntry.js
Wyświetl plik

@ -30,18 +30,17 @@ const StreamEntry = ({ entry, filterCallback, filterConstants }) => {
} else if (copyString) {
onCopy();
}
}, [copyString, onCopy, hasCopied, toast]);
}, [copyString, onCopy, hasCopied, toast]);
const handleViewClicked = (entryId) => {
ui.setEntryId(entryId);
ui.setEntriesViewMode("entry");
useTxCashe.setCurrentTransaction(entry)
useTxCashe.setCurrentTransaction(entry);
router.push({
pathname: `/stream/${entry.hash}`,
query: router.query,
});
};
const [showFullView] = useMediaQuery(["(min-width: 420px)"]);
console.log(entry);

90
frontend/src/components/TxInfo.js
Wyświetl plik

@ -49,49 +49,49 @@ const TxABI = (props) => {
);
};
const TxInfo = (props) => {
const transaction = props.transaction;
const dont_display = (key) => {
return !["input"].includes(key)
}
return (
<Box boxShadow="xs" p="6" rounded="md">
<StatGroup>
<Stat>
<StatLabel>Value</StatLabel>
<StatNumber>{transaction.tx.value}</StatNumber>
<StatHelpText>amount of ETH to transfer in WEI</StatHelpText>
</Stat>
<Stat>
<StatLabel>Gas</StatLabel>
<StatNumber>{transaction.tx.gas}</StatNumber>
<StatHelpText>gas limit for transaction</StatHelpText>
</Stat>
<Stat>
<StatLabel>Gas price</StatLabel>
<StatNumber>{transaction.tx.gasPrice}</StatNumber>
<StatHelpText>the fee the sender pays per unit of gas</StatHelpText>
</Stat>
</StatGroup>
<Table variant="simple" >
<Tbody>
{Object.keys(transaction.tx).filter(dont_display).map((key) => (
(transaction.tx[key] != undefined && <Tr key = {key}>
<Td>{key}</Td>
<Td>{transaction.tx[key]}</Td>
</Tr>)
))}
</Tbody>
</Table>
{transaction.tx.input && transaction.tx.input !== "0x" &&
<TxABI
byteCode={transaction.tx.input}
abi={transaction.abi}
/>
}
</Box>
)
}
const transaction = props.transaction;
const dont_display = (key) => {
return !["input"].includes(key);
};
return (
<Box boxShadow="xs" p="6" rounded="md">
<StatGroup>
<Stat>
<StatLabel>Value</StatLabel>
<StatNumber>{transaction.tx.value}</StatNumber>
<StatHelpText>amount of ETH to transfer in WEI</StatHelpText>
</Stat>
<Stat>
<StatLabel>Gas</StatLabel>
<StatNumber>{transaction.tx.gas}</StatNumber>
<StatHelpText>gas limit for transaction</StatHelpText>
</Stat>
<Stat>
<StatLabel>Gas price</StatLabel>
<StatNumber>{transaction.tx.gasPrice}</StatNumber>
<StatHelpText>the fee the sender pays per unit of gas</StatHelpText>
</Stat>
</StatGroup>
<Table variant="simple">
<Tbody>
{Object.keys(transaction.tx)
.filter(dont_display)
.map(
(key) =>
transaction.tx[key] != undefined && (
<Tr key={key}>
<Td>{key}</Td>
<Td>{transaction.tx[key]}</Td>
</Tr>
)
)}
</Tbody>
</Table>
{transaction.tx.input && transaction.tx.input !== "0x" && (
<TxABI byteCode={transaction.tx.input} abi={transaction.abi} />
)}
</Box>
);
};
export default TxInfo;

2
frontend/src/core/hooks/index.js
Wyświetl plik

@ -20,5 +20,5 @@ export { default as useStripe } from "./useStripe";
export { default as useSubscriptions } from "./useSubscriptions";
export { default as useToast } from "./useToast";
export { default as useTxInfo } from "./useTxInfo";
export { default as useTxCashe } from "./useTxCache"
export { default as useTxCashe } from "./useTxCache";
export { default as useUser } from "./useUser";

12
frontend/src/core/hooks/useTxCache.js
Wyświetl plik

@ -1,7 +1,11 @@
class TxCashe {
currentTransaction = undefined
getCurrentTransaction(){return this.currentTransaction}
setCurrentTransaction(transaction){ this.currentTransaction = transaction}
currentTransaction = undefined;
getCurrentTransaction() {
return this.currentTransaction;
}
setCurrentTransaction(transaction) {
this.currentTransaction = transaction;
}
}
const useTxCashe = new TxCashe();
export default useTxCashe;
export default useTxCashe;

24
frontend/src/core/hooks/useTxInfo.js
Wyświetl plik

@ -4,14 +4,22 @@ import { queryCacheProps } from "./hookCommon";
import { useToast } from ".";
const useTxInfo = (transaction) => {
if (!transaction.tx) return {data: "undefined", isLoading: false, isFetchedAfterMount: true, refetch: false, isError: true, error: "undefined"}
const toast = useToast();
const getTxInfo = async () => {
const response = await TxInfoService.getTxInfo(transaction);
return response.data;
}
const { data, isLoading, isFetchedAfterMount, refetch, isError, error } =
useQuery(["txinfo", transaction.tx.hash ], getTxInfo, {
if (!transaction.tx)
return {
data: "undefined",
isLoading: false,
isFetchedAfterMount: true,
refetch: false,
isError: true,
error: "undefined",
};
const toast = useToast();
const getTxInfo = async () => {
const response = await TxInfoService.getTxInfo(transaction);
return response.data;
};
const { data, isLoading, isFetchedAfterMount, refetch, isError, error } =
useQuery(["txinfo", transaction.tx.hash], getTxInfo, {
...queryCacheProps,
onError: (error) => toast(error, "error"),
});