- {data.map((item, index) => {
- // const matchedLogoItem = logoBrand.find(logoBrandItem => item?.owner === logoBrandItem.operatorAddress);
- // let ownerName;
- // if (matchedLogoItem) {
- // ownerName = matchedLogoItem?.name ?? "-";
- // }
-
- return (
-
-
-
-
- |
- Name
- |
-
- {_.isNil(item?.channelId) ? (
- -
- ) : (
- <>
- {item.symbol}
- {item.channelId}
-
- )}
- |
-
-
-
- |
- Price
- {_.isNil(item?.prices) ? (
- -
- ) : (
-
- $ {item?.prices?.price}
- {/* ORAI */}
-
- )}
- |
-
- Supply
- {_.isNil(item?.prices) ? (
- -
- ) : (
- {formatNumber(item?.prices?.supply)}
- )}
- |
-
-
-
- |
- Total Value
- {_.isNil(item?.prices) ? (
- -
- ) : (
- {formatNumber(item?.prices?.TotalValue)}
- )}
- |
-
-
-
-
- );
- })}
-
-
Delegations
-
- {tableSection}
- {paginationSection}
-
-
- {data.map((item, index) => {
- let resultDataCellContent;
- if (!item?.transaction?.code) {
- resultDataCellContent = (
-
-
- Success
-
- );
- } else if (item?.transaction?.code) {
- resultDataCellContent = (
-
-
- Failure
-
- );
- } else if (item.transaction?.code === "pending") {
- resultDataCellContent = (
-
-
- Pending
-
- );
- }
- return (
-
-
-
-
- |
- Tx Hash
- |
-
- {_.isNil(item?.transaction) ? (
- -
- ) : (
-
- {reduceString(item.transaction?.tx_hash, 6, 6)}
-
- )}
- |
-
-
- |
- Type
- {_.isNil(item?.tx_type) ? (
- -
- ) : (
-
- )}
- |
-
- Result
- {_.isNil(item?.tx_type) ? (
- -
- ) : (
- {resultDataCellContent}
- )}
- |
-
-
- |
- Amount
- {_.isNil(item?.amount) || _.isNil(item?.denom) ? (
- -
- ) : (
-
- {formatOrai(item.amount)}
- {parseIbc(item.denom)}
-
- )}
- |
-
- Fee
- {_.isNil(item?.transaction) || _.isNil(item?.transaction?.gas_wanted) ? (
- -
- ) : (
-
-
- {formatOrai(item.transaction?.gas_wanted)}
- {JSON.parse(item?.transaction?.fee)?.amount?.[0]?.denom}
-
- |
-
-
- |
- Height
- {_.isNil(item?.transaction) || _.isNil(item?.transaction?.height) ? (
- -
- ) : (
-
-
- {item?.transaction?.height}
-
- |
-
- Time
- {_.isNil(item?.created_at) ? (
- -
- ) : (
-
-
- {fromNowMoment(item.created_at)}
-
- |
-
-
-
-
- );
- })}
-
-
-
-
- |
- Tx Hash
- |
-
-
-
-
- |
-
-
-
- |
- Type
-
- |
-
- Result
-
- |
-
-
-
- |
- Amount
-
- |
-
- Fee
-
- |
-
-
-
- |
- Height
-
- |
-
- Time
-
- |
-
-
-
-
{delegationCardListItems}
;
-});
-
-export default DelegationCardListSkeleton;
diff --git a/src/components/Ibc/DelegationCardList/index.js b/src/components/Ibc/DelegationCardList/index.js
deleted file mode 100644
index 41abb0f53..000000000
--- a/src/components/Ibc/DelegationCardList/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from "./TransactionCardList";
diff --git a/src/components/Ibc/DelegationTable/DelegationTable.js b/src/components/Ibc/DelegationTable/DelegationTable.js
deleted file mode 100644
index 4735af8d8..000000000
--- a/src/components/Ibc/DelegationTable/DelegationTable.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, {memo, useMemo} from "react";
-import {NavLink} from "react-router-dom";
-import classNames from "classnames/bind";
-import {formatOrai, getDecimals, parseIbc} from "src/helpers/helper";
-import {_, reduceString} from "src/lib/scripts";
-import {tableThemes} from "src/constants/tableThemes";
-import ThemedTable from "src/components/common/ThemedTable";
-import CheckIcon from "src/icons/CheckIcon";
-import TimesIcon from "src/icons/TimesIcon";
-import RedoIcon from "src/icons/RedoIcon";
-import moment from "moment";
-import styles from "./DelegationTable.module.scss";
-
-const cx = classNames.bind(styles);
-
-export const getHeaderRow = () => {
- const txHashHeaderCell = Tx Hash
;
- const typeHeaderCell = Type
;
- const resultHeaderCell = Result
;
- const amountHeaderCell = Amount
;
- const feeHeaderCell = Fee
;
- const heightHeaderCell = Height
;
- const timeHeaderCell = Time
;
- const headerCells = [txHashHeaderCell, typeHeaderCell, resultHeaderCell, amountHeaderCell, feeHeaderCell, heightHeaderCell, timeHeaderCell];
- const headerCellStyles = [
- {width: "15%", minWidth: "100px"}, // Tx Hash
- {width: "20%", minWidth: "200px"}, // Type
- {width: "15%", minWidth: "130px"}, // Result
- {width: "15%", minWidth: "130px"}, // Amount
- {width: "13%", minWidth: "150px"}, // Fee
- {width: "10%", minWidth: "80px"}, // Height
- {width: "12%", minWidth: "80px"}, // Time
- ];
- return {
- headerCells,
- headerCellStyles,
- };
-};
-
-const DelegationTable = memo(({data = []}) => {
- const getDataRows = data => {
- if (!Array.isArray(data)) {
- return [];
- }
-
- return data.map(item => {
- let resultDataCellContent;
- if (!item?.transaction?.code) {
- resultDataCellContent = (
-
-
- Success
-
- );
- } else if (item?.transaction?.code) {
- resultDataCellContent = (
-
-
- Failure
-
- );
- } else if (item.transaction?.code === "pending") {
- resultDataCellContent = (
-
-
- Pending
-
- );
- }
-
- const txHashDataCell =
- _.isNil(item?.transaction) && _.isNil(item?.transaction?.tx_hash) ? (
- -
- ) : (
-
-
- {reduceString(item?.transaction?.tx_hash, 6, 6)}
-
-
- );
- const typeDataCell = _.isNil(item?.tx_type) ? (
- -
- ) : (
-
- );
- const resultDataCell = _.isNil(item?.transaction?.code) ? (
- -
- ) : (
- {resultDataCellContent}
- );
-
- const amountDataCell = _.isNil(item?.amount) ? (
- -
- ) : (
-
-
- {formatOrai(item.amount, Math.pow(10, getDecimals(item.denom)))}
- {parseIbc(item.denom)}
-
-
-
- ) : (
-
-
- {(JSON.parse(item?.transaction?.fee)?.amount?.[0]?.amount / Math.pow(10, 6)).toFixed(6) || "0.000000"}
- {JSON.parse(item?.transaction?.fee)?.amount?.[0]?.denom}
-
-
-
- ) : (
-
-
- {item?.transaction?.height}
-
-
-
- ) : (
-
-
- {moment(item.created_at).fromNow()}
-
-
-
-
- );
- const typeDataCell = (
-
-
-
- );
- const resultDataCell = (
-
-
-
- );
- const amountDataCell = (
-
-
-
- );
- const feeDataCell = (
-
-
-
- );
- const heightDataCell = (
-
-
-
- );
- const timeDataCell = (
-
-
-
- );
-
- dataRows.push([txHashDataCell, typeDataCell, resultDataCell, amountDataCell, feeDataCell, heightDataCell, timeDataCell]);
- }
- return dataRows;
- };
-
- const headerRow = useMemo(() => getHeaderRow(), []);
- const dataRows = useMemo(() => getDataRows(rows), [rows]);
-
- return ;
-});
-
-export default DelegationTableSkeleton;
diff --git a/src/components/Ibc/DelegationTable/index.js b/src/components/Ibc/DelegationTable/index.js
deleted file mode 100644
index d76bec85e..000000000
--- a/src/components/Ibc/DelegationTable/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from "./DelegationTable";
diff --git a/src/components/Ibc/FilterSection/FilterSection.js b/src/components/Ibc/FilterSection/FilterSection.js
deleted file mode 100644
index 1157f53eb..000000000
--- a/src/components/Ibc/FilterSection/FilterSection.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import PropTypes from "prop-types";
-import Grid from "@material-ui/core/Grid";
-import cn from "classnames/bind";
-import SearchInput from "src/components/common/SearchInput";
-import styles from "./FilterSection.module.scss";
-import DownAngleIcon from "src/icons/DownAngleIcon";
-import { assetsNetworks, assetsDropDown } from "src/constants/ibc";
-import _ from "lodash";
-
-const cx = cn.bind(styles);
-
-const FilterSection = ({ keyword, setKeyword, assetSearch, setAssetSearch, onChange }) => {
- const selectedPriceFeedNetworkRef = useRef(null);
- const listPriceFeedNetworks = useRef(null);
-
- const showList = () => {
- if (!_.isNil(listPriceFeedNetworks.current)) {
- listPriceFeedNetworks.current.style.display = "block";
- }
- };
-
- const hideList = () => {
- if (!_.isNil(listPriceFeedNetworks.current)) {
- listPriceFeedNetworks.current.style.display = "none";
- }
- };
-
- const clickListener = event => {
- if (event?.target?.hasAttribute("ibc-network")) {
- hideList();
- setAssetSearch(assetsNetworks.findIndex(e => e === event?.target?.getAttribute("ibc-network")));
- return;
- }
-
- if (selectedPriceFeedNetworkRef?.current?.contains?.(event?.target)) {
- if (listPriceFeedNetworks?.current?.style?.display === "block") {
- hideList();
- } else {
- showList();
- }
- return;
- }
-
- if (!_.isNil(listPriceFeedNetworks.current) && !listPriceFeedNetworks?.current?.contains?.(event?.target)) {
- hideList();
- }
- };
-
- useEffect(() => {
- document.addEventListener("click", clickListener, true);
-
- return () => {
- document.removeEventListener("click", clickListener);
- };
- }, []);
-
- return (
-
-
-
- {
- // const query = {
- // search: e.target.value,
- // };
- // setKeyword(e.target.value);
- // // history.push({
- // // pathname: `${history.location.pathname}`,
- // // search: queryString.stringify(query, {
- // // encode: false,
- // // }),
- // // });
- // }}
- onChange={onChange}
- />
-
-
-
-
-
-
-
-
-
- {Object.values(assetsDropDown).map((item, index) => (
-
- {item}
-
- ))}
-
-
-
- Relayed Assets {total}
-
-
-
-
-
-
-
-
- {assetsNetworks.map((item, index) => (
-
- {item}
-
- ))}
-
-
-
-
Name
;
- const totalTxsHeaderCell = Total Txs
;
- const totalAmountHeaderCell = Total Amount
;
- const totalValueHeaderCell = Total Value
;
- const headerCells = [nameHeaderCell, totalTxsHeaderCell, totalAmountHeaderCell, totalValueHeaderCell];
- const headerCellStyles = [
- {minWidth: "140px"}, // Name
- {minWidth: "60px"}, // Total Txs
- {minWidth: "60px"}, // Total Amount
- {minWidth: "60px"}, // Total Value
- ];
-
- return {
- headerCells,
- headerCellStyles,
- };
-};
-
-const RelayersAssetTable = memo(({data = []}) => {
- const getDataRows = data => {
- if (!Array.isArray(data)) {
- return [];
- }
-
- return data.map(item => {
- const logoURL = item?.images?.thumb;
- const nameDataCell = _.isNil(item?.channel_id) ? (
- -
- ) : (
-
- {logoURL &&
}
- {!logoURL &&
{item?.denom.substring(0, 3).toUpperCase()}
}
-
-
{parseIbc(item?.denom)}
-
{item?.channel_id}
-
-
-
- ) : (
- {formatNumber(item.total_txs)}
- );
-
- const totalAmountDataCell = _.isNil(item?.amount) ? (
- -
- ) : (
- {formatNumber(item.amount.toFixed(6))}
- );
-
- const totalValueDataCell = _.isNil(item?.total_value) ? (
- -
- ) : (
- $ {formatNumber(item.total_value.toFixed(6))}
- );
-
- return [nameDataCell, totalTxsDataCell, totalAmountDataCell, totalValueDataCell];
- });
- };
-
- const headerRow = useMemo(() => getHeaderRow(), []);
- const dataRows = useMemo(() => getDataRows(data), [data]);
-
- return ;
-});
-
-export default RelayersAssetTable;
diff --git a/src/components/Ibc/RelayersAssetTable/RelayersAssetTable.module.scss b/src/components/Ibc/RelayersAssetTable/RelayersAssetTable.module.scss
deleted file mode 100644
index a1eee44a2..000000000
--- a/src/components/Ibc/RelayersAssetTable/RelayersAssetTable.module.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@import "src/styles/utils";
-
-.align-left {
- text-align: left;
-}
-
-.align-right {
- text-align: right;
-}
-
-.header-cell {
- color: var(--common-linkColor);
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: bold;
- font-size: 14px;
- line-height: 150%;
-}
-
-
-.logo-brand-custom {
- display: flex;
- align-items: center;
-}
-
-
-.name-data {
- padding-left: 13px;
-}
-
-.denom {
- text-transform: uppercase;
-}
-
-.channel {
- color: #89909b;
-}
-
-.logo-custom {
- border-radius: 50%;
- border: 1px solid var(--validators-logo-border);
- padding: 5px;
- margin-right: 5px;
- width: 35px;
- height: 35px;
- display: flex;
- align-items: center;
- justify-content: center;
-}
diff --git a/src/components/Ibc/RelayersAssetTable/RelayersAssetsTableSkeleton.js b/src/components/Ibc/RelayersAssetTable/RelayersAssetsTableSkeleton.js
deleted file mode 100644
index fb7a981ce..000000000
--- a/src/components/Ibc/RelayersAssetTable/RelayersAssetsTableSkeleton.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, {memo, useMemo} from "react";
-import Skeleton from "@material-ui/lab/Skeleton";
-import classNames from "classnames/bind";
-import {tableThemes} from "src/constants/tableThemes";
-import ThemedTable from "src/components/common/ThemedTable";
-import {getHeaderRow} from "src/components/Ibc/RelayersAssetTable/RelayersAssetTable";
-import styles from "./RelayersAssetTable.module.scss";
-
-const RelayersAssetsTableSkeleton = memo(({rows = 4}) => {
- const cx = classNames.bind(styles);
- const getDataRows = rows => {
- let dataRows = [];
- for (let i = 1; i <= rows; i++) {
- const nameDataCell = (
-
-
-
- );
-
- const totalTxsDataCell = (
-
-
-
- );
-
- const totalAmountDataCell = (
-
-
-
- );
-
- const totalValueDataCell = (
-
-
-
- );
-
- dataRows.push([nameDataCell, totalTxsDataCell, totalAmountDataCell, totalValueDataCell]);
- }
- return dataRows;
- };
-
- const headerRow = useMemo(() => getHeaderRow(), []);
- const dataRows = useMemo(() => getDataRows(rows), [rows]);
-
- return ;
-});
-
-export default RelayersAssetsTableSkeleton;
diff --git a/src/components/Ibc/RelayersAssetTable/index.js b/src/components/Ibc/RelayersAssetTable/index.js
deleted file mode 100644
index 068231f87..000000000
--- a/src/components/Ibc/RelayersAssetTable/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from "./RelayersAssetTable";
diff --git a/src/components/Ibc/RelayersAssetsTableCardList/RelayersAssetsTableCardList.js b/src/components/Ibc/RelayersAssetsTableCardList/RelayersAssetsTableCardList.js
deleted file mode 100644
index f4a463a31..000000000
--- a/src/components/Ibc/RelayersAssetsTableCardList/RelayersAssetsTableCardList.js
+++ /dev/null
@@ -1,81 +0,0 @@
-// @ts-nocheck
-import React, {memo} from "react";
-import {NavLink} from "react-router-dom";
-import classNames from "classnames/bind";
-import consts from "src/constants/consts";
-import {formatOrai, formatNumber, parseIbc} from "src/helpers/helper";
-import {_, reduceString, reduceStringAssets} from "src/lib/scripts";
-import styles from "./RelayersAssetsTableCardList.module.scss";
-
-const cx = classNames.bind(styles);
-
-const RelayersAssetsTableCardList = memo(({data = []}) => {
- return (
-
- {data.map((item, index) => {
- return (
-
-
-
-
- |
- Name
- |
-
- {_.isNil(item?.total_txs) ? (
- -
- ) : (
-
- {parseIbc(item?.denom)}
- {item?.channel_id}
- |
-
-
-
- |
- Total Txs
- {_.isNil(item?.total_txs) ? (
- -
- ) : (
-
- {formatNumber(item.total_txs)}
- |
-
- Total Amount
- {_.isNil(item?.amount) ? (
- -
- ) : (
-
- {formatNumber(item.amount)}
- |
-
-
- |
- Total Value
- |
-
- {_.isNil(item?.total_value) ? (
- -
- ) : (
-
- $ {formatNumber(item.total_value)}
- |
-
-
-
-
- );
- })}
-
-
-
-
- |
- Name
- |
-
-
-
-
- |
-
-
- |
- Total Txs
-
- |
-
- Total Amount
-
- |
-
-
- |
- Total Value
- |
-
-
-
-
- |
-
-
-
-
{delegationCardListItems}
;
-});
-
-export default DelegationCardListSkeleton;
diff --git a/src/components/Ibc/RelayersAssetsTableCardList/index.js b/src/components/Ibc/RelayersAssetsTableCardList/index.js
deleted file mode 100644
index dc4581572..000000000
--- a/src/components/Ibc/RelayersAssetsTableCardList/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from "./RelayersAssetsTableCardList";
diff --git a/src/components/Ibc/StatusCard/StatusCard.js b/src/components/Ibc/StatusCard/StatusCard.js
deleted file mode 100644
index 7b0a4000e..000000000
--- a/src/components/Ibc/StatusCard/StatusCard.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React, {memo} from "react";
-import cn from "classnames/bind";
-import {_} from "src/lib/scripts";
-import styles from "./StatusCard.module.scss";
-
-const cx = cn.bind(styles);
-
-const StatusCard = memo(({icon, label, value, comment}) => (
-
-
-
-
{comment}
- {!_.isNil(value) &&
{value}
}
-
-
- {
- const query = {
- search: e.target.value,
- };
- setKeyword(e.target.value);
- // history.push({
- // pathname: `${history.location.pathname}`,
- // search: queryString.stringify(query, {
- // encode: false,
- // }),
- // });
- }}
- />
-
-
-
-
-
-
-
-
-
- {Object.values(priceFeedNetworks).map((item, index) => (
-
- {item}
-
- ))}
-
-
-
- Offer the precise and fast prices of famous cryptocurrencies powered by the AI Oracle technology.
-
-
-
-
-
-
-
- {showData?.map(({ name, price, status }, key) => {
- return (
-
-
-
-
-
{name} / USD
-
-
-
-
-
-
-
-
-
Status
-
- {status === "Active" ? (
-
- ) : (
-
- )}
-
{status}
-
-
-
-
Last updated
-
-
- {setAgoTime(lastUpdate)}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {" "}
- Offer the precise and fast prices of famous cryptocurrencies powered by the AI Oracle technology.
-
-
-
-
- {requestGridViewItem}
-
-
-
Request ID
;
- const blockHeightHeaderCell = Block Height
;
- const txHeaderCell = Tx
;
- const headerCells = [requestHeaderCell, blockHeightHeaderCell, txHeaderCell];
- const headerCellStyles = [
- {minWidth: "100px"}, // Report ID
- {minWidth: "100px"}, // Block Height
- {minWidth: "130px"}, // Tx
- ];
- return {
- headerCells,
- headerCellStyles,
- };
-};
-
-const TestCaseTable = memo(({ data = [] }) => {
- const getDataRows = data => {
- if (!Array.isArray(data)) {
- return [];
- }
- data = data.filter((element, index, self) => index === self.findIndex(selfElement => selfElement.txhash === element.txhash));
-
- return data.map(item => {
- const requestCell = _.isNil(item?.requestID) ? (
- -
- ) : (
-
- {item.requestID}
-
- );
-
- const blockHeightCell = _.isNil(item?.blockHeight) ? (
- -
- ) : (
-
- {item.blockHeight}
-
- );
-
- const txCell = _.isNil(item?.txhash) ? (
- -
- ) : (
-
- {item.txhash}
-
- );
-
- return [requestCell, blockHeightCell, txCell];
- });
- };
-
- const headerRow = useMemo(() => getHeaderRow(), []);
- const dataRows = useMemo(() => getDataRows(data), [data, getDataRows]);
-
- return ;
-});
-
-export default TestCaseTable;
diff --git a/src/components/PriceFeeds/Transactions/TransactionTable.module.scss b/src/components/PriceFeeds/Transactions/TransactionTable.module.scss
deleted file mode 100644
index e46c72492..000000000
--- a/src/components/PriceFeeds/Transactions/TransactionTable.module.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-@import "src/styles/utils";
-
-.align-left {
- text-align: left;
-}
-
-.align-right {
- text-align: right;
-}
-
-.align-center {
- text-align: center;
-}
-
-.header-cell {
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: bold;
- font-size: 14px;
- line-height: 150%;
- color: var(--common-headerTextColor);
-}
-
-.test-case-data-cell,
-.description-data-cell,
-.request-data-cell {
- color: var(--common-textColor);
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: normal;
- font-size: 14px;
- line-height: 150%;
-}
-
-.fee-data-cell {
- .fee {
- display: inline-flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- color: var(--common-textColor);
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: normal;
- font-size: 14px;
- line-height: 150%;
-
- &-value {
- display: inline-block;
- padding-right: 4px;
- }
-
- &-denom {
- display: inline-block;
- text-transform: uppercase;
- }
- }
-}
-
-.owner-data-cell {
- .owner {
- display: inline-block;
- color: var(--common-linkColor);
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: normal;
- font-size: 14px;
- line-height: 150%;
- }
-}
-
-.skeleton {
- display: inline-block;
-}
diff --git a/src/components/PriceFeeds/Transactions/index.js b/src/components/PriceFeeds/Transactions/index.js
deleted file mode 100644
index 2b85f430a..000000000
--- a/src/components/PriceFeeds/Transactions/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from "./TransactionModal";
diff --git a/src/components/Wallet/Tabs/Tabs.js b/src/components/Wallet/Tabs/Tabs.js
index a71403a8d..f29b3be5b 100644
--- a/src/components/Wallet/Tabs/Tabs.js
+++ b/src/components/Wallet/Tabs/Tabs.js
@@ -22,10 +22,6 @@ export default function({activeTab, setActiveTab, isBecomeValidator, address}) {
Transactions
- setActiveTab(1)}>
-
-
Royalty Transactions
-
setActiveTab(6)}>
CW-20 Token Txns
@@ -34,7 +30,6 @@ export default function({activeTab, setActiveTab, isBecomeValidator, address}) {
{isBecomeValidator && (
setActiveTab(3)}>
- {/*
{isBecomeValidator ? "Your Delegators" : "Become A Validator"}
*/}
Your Delegators
)}
@@ -46,10 +41,6 @@ export default function({activeTab, setActiveTab, isBecomeValidator, address}) {
Contact
setActiveTab(5)}>
-
-
AI Executor
-
- {
- setKeyword(e.target.value);
- }}
- />
-
- );
- tableSection = isLargeScreen ? : ;
- }
-
- const onPageChange = page => {
- setShowLoading(true);
- history.push(getPaginationPath(props.location.pathname, page));
- };
- const totalItems = _.isNil(data?.result?.count) ? 0 : Math.ceil(parseInt(data.result.count));
- const totalPages = Math.ceil(data?.length / consts.REQUEST.LIMIT);
- if (total !== totalItems) {
- setTotal(totalItems);
- }
- paginationSection = totalPages > 0 && onPageChange(page)} />;
-
- return (
- <>
- {titleSection}
-
- {filterSection}
- {tableSection}
- {paginationSection}
-
-
- );
-};
-
-export default IbcAssets;
diff --git a/src/containers/Ibc/Ibc.module.scss b/src/containers/Ibc/Ibc.module.scss
deleted file mode 100644
index 3a2ea6e66..000000000
--- a/src/containers/Ibc/Ibc.module.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-@import "src/styles/utils";
-
-.ibc-assets {
- margin-bottom: 24px;
- margin-top: 30px;
-
- @include media(" import("src/containers/Executors"));
-const OracleRequests = lazy(() => import(`src/containers/OracleRequests`));
-const cx = cn.bind(styles);
-
-let tabsOracle = ["AI Request", "AI Executors"];
-export default function() {
- const [status, setStatus] = useState("AI Request");
- let filterSection;
- let tableOracle;
- let filterData = tabsOracle.map(value => {
- const filterItem = {
- label: value,
- value: value,
- };
- return filterItem;
- });
-
- filterSection = (
-
- {
- setStatus(value);
- }}
- />
-
- );
-
- switch (status) {
- case "AI Request":
- tableOracle = ;
- break;
- case "AI Executors":
- tableOracle = ;
- break;
- default:
- tableOracle = <> ;
- break;
- }
-
- return (
- <>
- {filterSection}
- {tableOracle}
-
- );
-}
diff --git a/src/containers/OracleAI/OracleAI.module.scss b/src/containers/OracleAI/OracleAI.module.scss
deleted file mode 100644
index 8dcb410ae..000000000
--- a/src/containers/OracleAI/OracleAI.module.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.oracle {
- margin-top: 0;
- margin-bottom: 30px;
-
- @media (min-width: 1279px) {
- margin-top: 30px;
- }
-
- .filter-section {
- margin-top: 0;
- }
-}
diff --git a/src/containers/OracleAI/index.js b/src/containers/OracleAI/index.js
deleted file mode 100644
index 506133eb4..000000000
--- a/src/containers/OracleAI/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import OracleAI from "./OracleAI";
-
-export default OracleAI;
diff --git a/src/containers/PriceFeeds/PriceFeeds.js b/src/containers/PriceFeeds/PriceFeeds.js
deleted file mode 100644
index 6a18d936c..000000000
--- a/src/containers/PriceFeeds/PriceFeeds.js
+++ /dev/null
@@ -1,146 +0,0 @@
-// @ts-nocheck
-import React, {useEffect, useState, useRef} from "react";
-import cn from "classnames/bind";
-import {useTheme} from "@material-ui/core/styles";
-import useMediaQuery from "@material-ui/core/useMediaQuery";
-import Container from "@material-ui/core/Container";
-import TitleWrapper from "src/components/common/TitleWrapper";
-import PageTitle from "src/components/common/PageTitle";
-import StatusBox from "src/components/common/StatusBox";
-import PriceFeedsGridView from "src/components/PriceFeeds/PriceFeedsGridView";
-import PriceFeedsGridViewSkeleton from "src/components/PriceFeeds/PriceFeedsGridView/PriceFeedsGridViewSkeleton";
-import TogglePageBar from "src/components/common/TogglePageBar";
-import FilterSection from "src/components/PriceFeeds/FilterSection";
-import styles from "./PriceFeeds.module.scss";
-import NoResult from "src/components/common/NoResult";
-import {pricePair} from "src/constants/priceFeed";
-import {getPriceBSCTestnet} from "./bsc-testnet";
-import {getPricePolygon} from "./polygon";
-import {getPriceFeedMainnet} from "./mainnet";
-import {priceFeedNetworks} from "src/constants/priceFeed";
-
-const cx = cn.bind(styles);
-
-const PriceFeeds = ({}) => {
- const theme = useTheme();
- const isLargeScreen = useMediaQuery(theme.breakpoints.up("lg"));
- const [keyword, setKeyword] = useState("");
- const [network, setNetwork] = useState(priceFeedNetworks.MAINNET);
- const [isLoading, setIsLoading] = useState(false);
- const networkRef = useRef(priceFeedNetworks.MAINNET);
-
- const [data, setData] = useState({
- data: [],
- });
- const [renewPriceFeed, setRenewPriceFeed] = useState(0);
-
- let titleSection;
- if (isLargeScreen) {
- titleSection = (
-
-
-
-
-
-
- );
- } else {
- titleSection = ;
- }
-
- const handleChangeNetwork = n => {
- networkRef.current = n;
- setNetwork(n);
- };
-
- const filterSection = ;
-
- useEffect(() => {
- const getPriceFeedORAI = async () => {
- try {
- setIsLoading(true);
- const data = await getPriceFeedMainnet();
- networkRef.current === priceFeedNetworks.MAINNET && setData(data);
- setIsLoading(false);
- } catch (e) {
- console.log("error", e);
- networkRef.current === priceFeedNetworks.MAINNET && setData(null);
- setIsLoading(false);
- }
- };
-
- const getPriceFeedBSC = async () => {
- try {
- setIsLoading(true);
- const data = await getPriceBSCTestnet(pricePair);
- networkRef.current === priceFeedNetworks.BSC_TESTNET && setData(data);
- setIsLoading(false);
- } catch (e) {
- console.log("error", e);
- networkRef.current === priceFeedNetworks.BSC_TESTNET && setData(null);
- setIsLoading(false);
- }
- };
-
- const getPriceFeedPolygon = async () => {
- try {
- setIsLoading(true);
- const data = await getPricePolygon(pricePair);
- networkRef.current === priceFeedNetworks.POLYGON && setData(data);
- setIsLoading(false);
- } catch (e) {
- console.log("error", e);
- networkRef.current === priceFeedNetworks.POLYGON && setData(null);
- setIsLoading(false);
- }
- };
-
- if (network === priceFeedNetworks.BSC_TESTNET) {
- getPriceFeedBSC();
- } else if (network === priceFeedNetworks.POLYGON) {
- getPriceFeedPolygon();
- } else {
- getPriceFeedORAI();
- }
- }, [renewPriceFeed, network]);
-
- useEffect(() => {
- let i = 0;
-
- const renewPriceInterval = setInterval(() => {
- i && setRenewPriceFeed(v => v + 1);
- i++;
- }, 1000 * 60 * 2);
-
- return () => {
- clearInterval(renewPriceInterval);
- };
- }, []);
-
- const renderData = () => {
- if (!data) {
- return ;
- }
-
- if (isLoading) {
- return ;
- }
-
- return ;
- };
-
- return (
- <>
- {titleSection}
-
- {filterSection}
- {renderData()}
-
-
- );
-};
-
-PriceFeeds.propTypes = {};
-PriceFeeds.defaultProps = {};
-
-export default PriceFeeds;
diff --git a/src/containers/PriceFeeds/PriceFeeds.module.scss b/src/containers/PriceFeeds/PriceFeeds.module.scss
deleted file mode 100644
index 47ce32cf2..000000000
--- a/src/containers/PriceFeeds/PriceFeeds.module.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-@import "src/styles/utils";
-
-.price-feeds {
- margin-top: 0;
- margin-bottom: 50px;
-
- @include media(">=large") {
- margin-top: 30px;
- }
-}
diff --git a/src/containers/PriceFeeds/abj.js b/src/containers/PriceFeeds/abj.js
deleted file mode 100644
index 4ebe1bec9..000000000
--- a/src/containers/PriceFeeds/abj.js
+++ /dev/null
@@ -1,303 +0,0 @@
-export const abiBsc = [
- {inputs: [], stateMutability: "nonpayable", type: "constructor"},
- {
- anonymous: false,
- inputs: [
- {indexed: true, internalType: "address", name: "previousOwner", type: "address"},
- {indexed: true, internalType: "address", name: "newOwner", type: "address"},
- ],
- name: "OwnershipTransferred",
- type: "event",
- },
- {anonymous: false, inputs: [{indexed: false, internalType: "uint256", name: "blockNumber", type: "uint256"}], name: "PriceDataUpdate", type: "event"},
- {inputs: [], name: "DOMAIN_SEPARATOR", outputs: [{internalType: "bytes32", name: "", type: "bytes32"}], stateMutability: "view", type: "function"},
- {inputs: [], name: "EIP712DOMAIN_TYPEHASH", outputs: [{internalType: "bytes32", name: "", type: "bytes32"}], stateMutability: "view", type: "function"},
- {inputs: [], name: "NAME", outputs: [{internalType: "string", name: "", type: "string"}], stateMutability: "view", type: "function"},
- {inputs: [], name: "UPDATE_PRICE_TYPEHASH", outputs: [{internalType: "bytes32", name: "", type: "bytes32"}], stateMutability: "view", type: "function"},
- {
- inputs: [{internalType: "string[]", name: "_symbols", type: "string[]"}],
- name: "addAssetSupport",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
- {
- inputs: [{internalType: "address", name: "", type: "address"}],
- name: "dataSubmitter",
- outputs: [{internalType: "bool", name: "", type: "bool"}],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [
- {internalType: "string", name: "_base", type: "string"},
- {internalType: "string", name: "_quote", type: "string"},
- ],
- name: "getPrice",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "lastUpdatedBase", type: "uint64"},
- {internalType: "uint64", name: "lastUpdatedQuote", type: "uint64"},
- ],
- internalType: "struct IOraiBase.ResponsePriceData",
- name: "",
- type: "tuple",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "string", name: "_symbol", type: "string"}],
- name: "getPrice",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "resolveTime", type: "uint64"},
- ],
- internalType: "struct IOraiBase.PriceData",
- name: "",
- type: "tuple",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [
- {internalType: "string[]", name: "_bases", type: "string[]"},
- {internalType: "string[]", name: "_quotes", type: "string[]"},
- ],
- name: "getPriceBulk",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "lastUpdatedBase", type: "uint64"},
- {internalType: "uint64", name: "lastUpdatedQuote", type: "uint64"},
- ],
- internalType: "struct IOraiBase.ResponsePriceData[]",
- name: "",
- type: "tuple[]",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "string[]", name: "_bases", type: "string[]"}],
- name: "getPriceBulk",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "resolveTime", type: "uint64"},
- ],
- internalType: "struct IOraiBase.PriceData[]",
- name: "",
- type: "tuple[]",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "address", name: "", type: "address"}],
- name: "nonces",
- outputs: [{internalType: "uint256", name: "", type: "uint256"}],
- stateMutability: "view",
- type: "function",
- },
- {inputs: [], name: "owner", outputs: [{internalType: "address", name: "", type: "address"}], stateMutability: "view", type: "function"},
- {
- inputs: [{internalType: "uint16", name: "", type: "uint16"}],
- name: "rPrices",
- outputs: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "resolveTime", type: "uint64"},
- ],
- stateMutability: "view",
- type: "function",
- },
- {inputs: [], name: "renounceOwnership", outputs: [], stateMutability: "nonpayable", type: "function"},
- {
- inputs: [
- {internalType: "address", name: "_submitter", type: "address"},
- {internalType: "bool", name: "approval", type: "bool"},
- ],
- name: "setDataSubmitter",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
- {
- inputs: [{internalType: "string", name: "", type: "string"}],
- name: "supportedAsset",
- outputs: [{internalType: "uint16", name: "", type: "uint16"}],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "uint256", name: "", type: "uint256"}],
- name: "symbols",
- outputs: [{internalType: "string", name: "", type: "string"}],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "address", name: "newOwner", type: "address"}],
- name: "transferOwnership",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
- {
- inputs: [
- {internalType: "uint16[]", name: "_symbolIds", type: "uint16[]"},
- {internalType: "uint128[]", name: "_rates", type: "uint128[]"},
- {internalType: "uint64[]", name: "_resolveTimes", type: "uint64[]"},
- ],
- name: "updatePrice",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
- {
- inputs: [
- {internalType: "uint16[]", name: "_symbolIds", type: "uint16[]"},
- {internalType: "uint128[]", name: "_rates", type: "uint128[]"},
- {internalType: "uint64[]", name: "_resolveTimes", type: "uint64[]"},
- {internalType: "uint256", name: "deadline", type: "uint256"},
- {internalType: "uint256", name: "nonce", type: "uint256"},
- {internalType: "uint8", name: "v", type: "uint8"},
- {internalType: "bytes32", name: "r", type: "bytes32"},
- {internalType: "bytes32", name: "s", type: "bytes32"},
- ],
- name: "updatePricePermit",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
- {
- inputs: [
- {internalType: "bytes32", name: "hash", type: "bytes32"},
- {internalType: "uint256", name: "nonce", type: "uint256"},
- {internalType: "uint8", name: "v", type: "uint8"},
- {internalType: "bytes32", name: "r", type: "bytes32"},
- {internalType: "bytes32", name: "s", type: "bytes32"},
- ],
- name: "verify",
- outputs: [{internalType: "address", name: "sender", type: "address"}],
- stateMutability: "nonpayable",
- type: "function",
- },
-];
-
-export const abiPolygon = [
- {inputs: [{internalType: "contract IOraiBase", name: "_oracle", type: "address"}], stateMutability: "nonpayable", type: "constructor"},
- {
- anonymous: false,
- inputs: [
- {indexed: true, internalType: "address", name: "previousOwner", type: "address"},
- {indexed: true, internalType: "address", name: "newOwner", type: "address"},
- ],
- name: "OwnershipTransferred",
- type: "event",
- },
- {
- inputs: [
- {internalType: "string", name: "_base", type: "string"},
- {internalType: "string", name: "_quote", type: "string"},
- ],
- name: "getPrice",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "lastUpdatedBase", type: "uint64"},
- {internalType: "uint64", name: "lastUpdatedQuote", type: "uint64"},
- ],
- internalType: "struct IOraiBase.ResponsePriceData",
- name: "",
- type: "tuple",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "string", name: "_base", type: "string"}],
- name: "getPrice",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "resolveTime", type: "uint64"},
- ],
- internalType: "struct IOraiBase.PriceData",
- name: "",
- type: "tuple",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [
- {internalType: "string[]", name: "_bases", type: "string[]"},
- {internalType: "string[]", name: "_quotes", type: "string[]"},
- ],
- name: "getPriceBulk",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "lastUpdatedBase", type: "uint64"},
- {internalType: "uint64", name: "lastUpdatedQuote", type: "uint64"},
- ],
- internalType: "struct IOraiBase.ResponsePriceData[]",
- name: "",
- type: "tuple[]",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {
- inputs: [{internalType: "string[]", name: "_bases", type: "string[]"}],
- name: "getPriceBulk",
- outputs: [
- {
- components: [
- {internalType: "uint128", name: "rate", type: "uint128"},
- {internalType: "uint64", name: "resolveTime", type: "uint64"},
- ],
- internalType: "struct IOraiBase.PriceData[]",
- name: "",
- type: "tuple[]",
- },
- ],
- stateMutability: "view",
- type: "function",
- },
- {inputs: [], name: "oracle", outputs: [{internalType: "contract IOraiBase", name: "", type: "address"}], stateMutability: "view", type: "function"},
- {inputs: [], name: "owner", outputs: [{internalType: "address", name: "", type: "address"}], stateMutability: "view", type: "function"},
- {inputs: [], name: "renounceOwnership", outputs: [], stateMutability: "nonpayable", type: "function"},
- {
- inputs: [{internalType: "contract IOraiBase", name: "_oracle", type: "address"}],
- name: "setOracle",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
- {
- inputs: [{internalType: "address", name: "newOwner", type: "address"}],
- name: "transferOwnership",
- outputs: [],
- stateMutability: "nonpayable",
- type: "function",
- },
-];
diff --git a/src/containers/PriceFeeds/bsc-testnet.js b/src/containers/PriceFeeds/bsc-testnet.js
deleted file mode 100644
index 9b249ac37..000000000
--- a/src/containers/PriceFeeds/bsc-testnet.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import Web3 from "web3";
-import BigNumber from "bignumber.js";
-import _ from "lodash";
-
-import {abiBsc} from "./abj";
-
-const web3 = new Web3("https://data-seed-prebsc-1-s1.binance.org:8545");
-const contract = new web3.eth.Contract(abiBsc, "0x13f54d67fa23ab3caaef681553cd996f7e9d6237");
-
-async function getPriceBSCTestnet(listPair) {
- let lastUpdate = new Date().toString();
- const listPairResult = _.cloneDeep(listPair);
- const listCoin = listPair.map(v => v.name);
- const priceArr = await contract.methods["getPriceBulk"](listCoin).call({
- from: "0x0000000000000000000000000000000000000000",
- latest: true,
- });
-
- console.log(priceArr, "== ==== === =");
-
- for (let i = 0; i < listCoin.length; i++) {
- if (!priceArr[i][0]) {
- continue;
- }
- listPairResult[i].price = parseFloat(
- new BigNumber(priceArr[i][0])
- .dividedBy(Math.pow(10, 18))
- .toFixed(9)
- .toString()
- );
- listPairResult[i].status = "Active";
- lastUpdate = new Date(parseInt(priceArr[i]["resolveTime"]) * 1000).toString();
- }
-
- return {
- data: listPairResult,
- lastUpdate,
- };
-}
-
-export {getPriceBSCTestnet};
diff --git a/src/containers/PriceFeeds/index.js b/src/containers/PriceFeeds/index.js
deleted file mode 100644
index c15271f7d..000000000
--- a/src/containers/PriceFeeds/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import PriceFeeds from "./PriceFeeds";
-
-export default PriceFeeds;
diff --git a/src/containers/PriceFeeds/mainnet.js b/src/containers/PriceFeeds/mainnet.js
deleted file mode 100644
index e9a9d47e3..000000000
--- a/src/containers/PriceFeeds/mainnet.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import axios from "axios";
-import config from "src/config";
-import { Buffer } from "buffer";
-
-import consts from "src/constants/consts";
-
-export const getAiOracleRequests = async () => {
- const qData = { get_requests_by_service: { service: "orchai_price", limit: 10, order: 2 } };
- const encodeData = Buffer.from(JSON.stringify(qData)).toString("base64");
-
- const endpoint = `${consts.LCD_API_BASE}${consts.LCD_API.WASM}/${config.AIORACLE_CONTRACT_ADDR}/smart/${encodeData}`;
- const { data: fullRequestData } = await axios.get(endpoint);
-
- if (fullRequestData?.data?.length > 0) {
- for (let stageData of fullRequestData.data) {
- // only collect data from the latest stage that has merkle root.
- if (stageData.merkle_root) {
- return stageData.stage;
- }
- }
- }
-};
-
-export const getRequestMerkleRootInfor = async stage => {
- // url: events=wasm._contract_address='contract_address'&events=wasm.current_stage='stage'&events=wasm.action='register_merkle_root'
- const { data: transactionInfor } = await axios.get(
- `${consts.LCD_API_BASE}${consts.LCD_API.AI_REQUEST_DATA}` +
- `?events=wasm._contract_address=${encodeURIComponent("'" + config.AIORACLE_CONTRACT_ADDR + "'")}` +
- `&events=wasm.current_stage=${encodeURIComponent("'" + stage + "'")}` +
- "&events=wasm.action='register_merkle_root'"
- );
-
- return [transactionInfor?.tx_responses[0].height, transactionInfor?.tx_responses[0].txhash];
-};
-
-export const getPriceFeedMainnet = async () => {
- // collect request id
- const stage = await getAiOracleRequests();
- const [merkleRootHeight, merkleRootTxHash] = await getRequestMerkleRootInfor(stage);
- if (stage) {
- const { data: fullRequestData } = await axios.get(
- `${config.AIORACLE_BACKEND}/report/reports?request_id=${parseInt(stage)}&contract_addr=${config.AIORACLE_CONTRACT_ADDR}`
- );
-
- if (fullRequestData?.data?.data.length > 0) {
- let aggregatedResult = [];
- aggregatedResult = fullRequestData.data.data.map(item => JSON.parse(atob(item.report.data)));
-
- // collect block data to display last updated info
- const { data: blockData } = await axios.get(`${consts.API_BASE}/blocks?&limit=1&before=${parseInt(merkleRootHeight) + 1}`);
-
- return {
- priceData: aggregatedResult[0],
- lastUpdate: blockData?.data[0]?.timestamp,
- requestData: [stage, merkleRootHeight, merkleRootTxHash], // only need request id to query the transaction hash of it
- };
- }
- }
-};
diff --git a/src/containers/PriceFeeds/polygon.js b/src/containers/PriceFeeds/polygon.js
deleted file mode 100644
index 42afb2cec..000000000
--- a/src/containers/PriceFeeds/polygon.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import Web3 from "web3";
-import BigNumber from "bignumber.js";
-import _ from "lodash";
-
-import {abiPolygon} from "./abj";
-
-const web3 = new Web3("https://rpc-mumbai.matic.today");
-const contract = new web3.eth.Contract(abiPolygon, "0x95Fc3900DF04103abd466F276ff8DF98508af708");
-
-async function getPricePolygon(listPair) {
- let lastUpdate = new Date().toString();
- const listPairResult = _.cloneDeep(listPair);
- const listCoin = listPair.map(v => v.name);
- const priceArr = await contract.methods["getPriceBulk"](listCoin).call({
- from: "0x0000000000000000000000000000000000000000",
- latest: true,
- });
-
- console.log(priceArr, "== ==== === =");
-
- for (let i = 0; i < listCoin.length; i++) {
- if (!priceArr[i][0]) {
- continue;
- }
- listPairResult[i].price = parseFloat(
- new BigNumber(priceArr[i][0])
- .dividedBy(Math.pow(10, 18))
- .toFixed(9)
- .toString()
- );
- listPairResult[i].status = "Active";
- lastUpdate = new Date(parseInt(priceArr[i]["resolveTime"]) * 1000).toString();
- }
-
- return {
- data: listPairResult,
- lastUpdate,
- };
-}
-
-export {getPricePolygon};
diff --git a/src/containers/RelayerDetail/Relayer.js b/src/containers/RelayerDetail/Relayer.js
deleted file mode 100644
index fe8911404..000000000
--- a/src/containers/RelayerDetail/Relayer.js
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, {useCallback, useState, useRef} from "react";
-import cn from "classnames/bind";
-import Container from "@material-ui/core/Container";
-import {useGet} from "restful-react";
-import {useParams} from "react-router-dom";
-import {useTheme} from "@material-ui/core/styles";
-// components
-import RelayerAsset from "./RelayerAssset";
-import Pagination from "src/components/common/Pagination";
-import StatusCardList from "src/components/Ibc/StatusCardList";
-import PageTitle from "src/components/common/PageTitle";
-// constants
-import consts from "src/constants/consts";
-import TogglePageBar from "src/components/common/TogglePageBar";
-import TitleWrapper from "src/components/common/TitleWrapper";
-import useMediaQuery from "@material-ui/core/useMediaQuery";
-// styles
-import styles from "./RelayerDetail.module.scss";
-import NoResult from "src/components/common/NoResult";
-import Grid from "@material-ui/core/Grid";
-import RelayersAssetSearch from "src/components/Ibc/RelayersAssetSearch";
-import RelayersAssetTable from "src/components/Ibc/RelayersAssetTable";
-import RelayersAssetsTableCardList from "src/components/Ibc/RelayersAssetsTableCardList/RelayersAssetsTableCardList";
-
-import RelayersAssetsTableSkeleton from "src/components/Ibc/RelayersAssetTable/RelayersAssetsTableSkeleton";
-
-import RelayersAssetsTableCardListSkeleton from "src/components/Ibc/RelayersAssetsTableCardList/RelayersAssetsTableCardListSkeleton";
-import RelayerTransactions from 'src/containers/RelayerDetail/RelayerTransactions';
-
-const cx = cn.bind(styles);
-
-export const TX_TYPE = {
- RECEIVE: "RECEIVE",
- TRANSFER: "TRANSFER",
-};
-
-const RelayerDetail = () => {
- const theme = useTheme();
- const {channelId} = useParams();
- const [pageId, setPageId] = React.useState(1);
- const [assetSearch, setAssetSearch] = useState(0);
- const isLargeScreen = useMediaQuery(theme.breakpoints.up("lg"));
- const totalPagesRef = useRef(null);
- let statusCardList;
-
- let titleSection;
- let relayerAssets;
- let relayerTransactions;
- let tableSection;
- let paginationSection;
- console.log("🚀 ~ file: index.js ~ line 29 ~ RelayerDetail ~ pagination");
-
- const {data: relayerInfoData} = useGet({
- path: `${consts.API.IBC_RELAYERS_DETAIL}/${channelId}`,
- });
-
- const {data: relayerAssetDaily} = useGet({
- path: `/ibc/channel/${channelId}/daily-transfer-value`,
- });
-
- const {data: relayerAssetList, loading: assetListLoading, error: assetListError} = useGet({
- path: `/ibc/channel/${channelId}/assets?tx_type=${!assetSearch ? TX_TYPE.RECEIVE : TX_TYPE.TRANSFER}`,
- });
-
- const onPageChange = page => {
- setPageId(page);
- };
-
- statusCardList = ;
- relayerAssets = ;
- relayerTransactions =
- if (isLargeScreen) {
- titleSection = (
-
-
-
-
-
- );
- } else {
- titleSection = ;
- }
-
- if (assetListLoading) {
- tableSection = isLargeScreen ? : ;
- } else {
- if (assetListError) {
- totalPagesRef.current = null;
- tableSection = ;
- } else {
- if (!isNaN(relayerAssetList?.length)) {
- totalPagesRef.current = relayerAssetList?.length;
- } else {
- totalPagesRef.current = null;
- }
- if (relayerAssetList?.length > 0) {
- let arrayRelayerAssets = pageId === 1 ? relayerAssetList.slice(0,5) : relayerAssetList.slice((pageId - 1) * 5,((pageId - 1) * 5) + 5);
- tableSection = isLargeScreen ? : ;
- } else {
- tableSection = ;
- }
- }
- }
- paginationSection = totalPagesRef.current ? (
- onPageChange(page)} />
- ) : (
- <>
- );
-
- return (
- <>
- {titleSection}
-
- {statusCardList}
-
-
- {relayerAssets}
-
-
-
-
- {tableSection}
- {paginationSection}
-
-
-
-
- {relayerTransactions}
-
-
-
- );
-};
-
-export default RelayerDetail;
diff --git a/src/containers/RelayerDetail/RelayerAsset.module.scss b/src/containers/RelayerDetail/RelayerAsset.module.scss
deleted file mode 100644
index 3ee155214..000000000
--- a/src/containers/RelayerDetail/RelayerAsset.module.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.chart {
- border-radius: 8px;
- box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
- height: 100%;
- background: var(--common-containerBackgroundColor);
- @media (min-width: 1279px) {
- padding-top: calc(130px / 2);
- }
-}
-
-
diff --git a/src/containers/RelayerDetail/RelayerAssset.js b/src/containers/RelayerDetail/RelayerAssset.js
deleted file mode 100644
index dd85a9b3b..000000000
--- a/src/containers/RelayerDetail/RelayerAssset.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import React from "react";
-import cn from "classnames/bind";
-import HighchartsReact from "highcharts-react-official";
-import Highcharts from "highcharts";
-import { Select } from "antd";
-import "antd/dist/antd.css";
-
-// helper
-import { ThemeSetup } from "src/helpers/helper";
-
-// styles
-import styles from "./RelayerAsset.module.scss";
-
-// constants
-const cx = cn.bind(styles);
-const { Option } = Select;
-const dataLimit = 5;
-
-const RelayerAsset = ({relayerAssetDaily}) => {
- const dataCategories = relayerAssetDaily && Object.keys(relayerAssetDaily);
- const dataReceived = dataCategories?.map(item => relayerAssetDaily[item]?.Receive);
- const dataTransfer = dataCategories?.map(item => relayerAssetDaily[item]?.Transfer);
- const { isDarkTheme } = ThemeSetup();
- const options = {
- chart: {
- type: "column",
- height: 460,
- backgroundColor: isDarkTheme ? "#302737" : "#FFFF",
- },
- title: {
- text: "Weekly Transferred Value",
- style: {
- fontSize: "14px",
- fontWeight: 1000,
- color: isDarkTheme ? "#F6F7FB" : "#181818",
- },
- },
- subtitle: {
- text: "Resize the frame or click buttons to change appearance",
- },
- legend: {
- itemStyle: {
- color: isDarkTheme ? "#F6F7FB" : "#181818",
- },
- },
- xAxis: {
- categories: dataCategories,
- labels: {
- x: -10,
- style: {
- color: isDarkTheme ? "#F6F7FB" : "#181818",
- }
- },
- title: {
- style: {
- color: "red",
- },
- },
- },
- credits: {
- enabled: false,
- },
-
- yAxis: {
- allowDecimals: false,
- title: {
- text: "Amount",
- },
- labels: {
- style: {
- color: isDarkTheme ? "#F6F7FB" : "#181818",
- }
- },
- },
-
-
- plotOptions: {
- column: {
- stacking: "normal",
- },
- },
-
- series: [
- {
- name: "Received",
- data: dataReceived,
- },
- {
- name: "Transfer",
- data: dataTransfer,
- },
- ],
- responsive: {
- rules: [
- {
- condition: {
- maxWidth: 280,
- },
- chartOptions: {
- legend: {
- align: "center",
- verticalAlign: "bottom",
- layout: "horizontal",
- },
- yAxis: {
- labels: {
- align: "left",
- x: 0,
- y: -5
- },
- title: {
- text: null,
- },
- },
- subtitle: {
- text: null,
- },
- credits: {
- enabled: false,
- },
- },
- },
- ],
- },
- };
-
- return (
-
- );
-};
-
-export default RelayerAsset;
diff --git a/src/containers/RelayerDetail/RelayerDetail.module.scss b/src/containers/RelayerDetail/RelayerDetail.module.scss
deleted file mode 100644
index cde3e3bb2..000000000
--- a/src/containers/RelayerDetail/RelayerDetail.module.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-.relayers {
- &-card-list {
- min-height: 590px;
- margin-bottom: 20px;
- }
- &-transactions {
- padding-top: 10px;
- margin-bottom: 50px;
- padding: 0;
- background: transparent;
- box-shadow: none;
-
- @media screen and (min-width: 1280px) {
- padding: 20px;
- background: var(--common-containerBackgroundColor);
- box-shadow: 0px 2px 8px var(--common-boxShadowColor);
- border-radius: 8px;
- }
-
- &-header {
- margin-bottom: 20px;
- color: var(--common-textColor);
- font-family: "IBM Plex Sans";
- font-style: normal;
- font-weight: 500;
- font-size: 20px;
- line-height: 150%;
- letter-spacing: 0.4px;
- }
-
- &-body {
- position: relative;
-
- .no-result-wrapper {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- }
- }
- &-assets-card {
- padding: 0;
- background: transparent;
- box-shadow: none;
- height: 100%;
- @media screen and (min-width: 1280px) {
- padding: 20px;
- background: var(--common-containerBackgroundColor);
- box-shadow: 0px 2px 8px var(--common-boxShadowColor);
- border-radius: 8px;
- }
-
- &-header {
- margin-bottom: 20px;
- color: var(--common-textColor);
- font-family: "IBM Plex Sans";
- font-style: normal;
- font-weight: 500;
- font-size: 20px;
- line-height: 150%;
- letter-spacing: 0.4px;
- }
-
- &-body {
- position: relative;
-
- .no-result-wrapper {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- }
- }
-}
diff --git a/src/containers/RelayerDetail/RelayerTransactions.js b/src/containers/RelayerDetail/RelayerTransactions.js
deleted file mode 100644
index 979952207..000000000
--- a/src/containers/RelayerDetail/RelayerTransactions.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import React, {memo, useState, useRef} from "react";
-import {useGet} from "restful-react";
-import classNames from "classnames/bind";
-import {useTheme} from "@material-ui/core/styles";
-import useMediaQuery from "@material-ui/core/useMediaQuery";
-import consts from "src/constants/consts";
-import DelegationTable from "src/components/Ibc/DelegationTable";
-import DelegationTableSkeleton from "src/components/Ibc/DelegationTable/DelegationTableSkeleton";
-import DelegationCardList from "src/components/Ibc/DelegationCardList/DelegationCardList";
-import DelegationCardListSkeleton from "src/components/Ibc/DelegationCardList/DelegationCardListSkeleton";
-import Pagination from "src/components/common/Pagination";
-import NoResult from "src/components/common/NoResult";
-import styles from "./RelayerTransactions.module.scss";
-
-const cx = classNames.bind(styles);
-
-const RelayerTransactions = memo(({channelId}) => {
- const theme = useTheme();
- const isLargeScreen = useMediaQuery(theme.breakpoints.up("lg"));
- const [pageId, setPageId] = useState(1);
- const totalPagesRef = useRef(null);
-
- const onPageChange = page => {
- setPageId(page);
- };
-
- const {data, loading, error} = useGet({
- path: `/ibc/channel/${channelId}/txs?page_id=${pageId}`,
- });
-
- let tableSection;
- let paginationSection;
-
- if (loading) {
- tableSection = isLargeScreen ? : ;
- } else {
- if (error) {
- totalPagesRef.current = null;
- tableSection = ;
- } else {
- if (!isNaN(data?.total)) {
- totalPagesRef.current = data.total;
- } else {
- totalPagesRef.current = null;
- }
-
- if (Array.isArray(data?.data) && data.data.length > 0) {
- tableSection = isLargeScreen ? : ;
- } else {
- tableSection = ;
- }
- }
- }
-
- paginationSection = totalPagesRef.current ? (
- onPageChange(page)} />
- ) : (
- <>
- );
-
- return (
-
-
Transactions
-
- {tableSection}
- {paginationSection}
-
-
-
- #
-
-
-
-
-
-
-
-
-
-
-
-
- Operating Period
-
-
- 24h Txs
-
-
- Value
-
-
- );
- }, [channelName]);
-
- const redirectRelayerDetail = (channelId, status) => {
- if (status === STATE.STATE_CLOSED) return;
-
- return history.push(`/ibc/relayers/${channelId}`);
- };
-
- const renderChannels = useMemo(() => {
- const renderChannelItem = (item, index) => {
- var createdAt = moment(item?.channel?.created_at, "YYYY-MM-DD");
- const currentDate = moment().startOf("day");
- const operatingPeriod = moment.duration(currentDate.diff(createdAt)).asDays();
-
- return (
- redirectRelayerDetail(item?.channel?.channel_id, item?.channel?.status)}>
-
- {index + 1}
-
-
-
-
{item?.channel?.channel_id}
-
-
-
-
{item?.channel?.counterparty_channel_id}
-
- {operatingPeriod} {operatingPeriod > 1 ? "Days" : "Day"}
-
-
-
- {item?.total_txs_within_24h}
-
-
- $ {item?.total_value_within_24h?.toFixed(2)}
-
-
- );
- };
-
- const renderChangeItemMobile = (item, index) => {
- var createdAt = moment(item?.channel?.created_at, "YYYY-MM-DD");
- const currentDate = moment().startOf("day");
- const operatingPeriod = moment.duration(currentDate.diff(createdAt)).asDays();
- return (
- redirectRelayerDetail(item?.channel?.channel_id, item?.channel?.status)}>
-
-
-
-
-
Oraichain
-
{item?.channel?.channel_id}
-
-
-
-
Operating Period
-
24h Txs
-
Value
-
-
-
-
-
{channelName}
-
{item?.channel?.counterparty_channel_id}
-
-
-
- {operatingPeriod} {operatingPeriod > 1 ? "Days" : "Day"}
-
-
{item?.total_txs_within_24h}
-
$ {item?.total_value_within_24h?.toFixed(2)}
-
- );
- };
-
- return listChannels.map((item, index) => (isLargeScreen ? renderChannelItem(item, index) : renderChangeItemMobile(item, index)));
- }, [listChannels, isLargeScreen]);
-
- return (
-
- {isLargeScreen && renderHeaderChannels}
- {renderChannels}
-
- {totalPages > 1 &&
onChangePage(page)} />}
-
-
-
-
-
{atLeastOpenStatus ? "Opened" : "Closed"}
-
-
Channel {`${listOpenStatus?.length}/${listStatus?.length}`}
-