"use strict"; const {jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const SimplePriceFeedsTable = ({feedType = "pull"}) => { const _components = { button: "button", div: "div", img: "img", input: "input", option: "option", path: "path", select: "select", span: "span", svg: "svg", ..._provideComponents() }; const [data, setData] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [currentPage, setCurrentPage] = useState(1); const [totalPages, setTotalPages] = useState(1); const [copiedAddress, setCopiedAddress] = useState(null); const [allData, setAllData] = useState([]); const [searchTerm, setSearchTerm] = useState(""); const [filteredData, setFilteredData] = useState([]); const [selectedNetwork, setSelectedNetwork] = useState("all"); const ITEMS_PER_PAGE = 15; const getExplorerUrl = (network, address) => { if (!address || address === "N/A") return null; const explorerMap = { corn: `https://cornscan.io/address/${address}`, avalanche: `https://snowtrace.io/address/${address}`, scroll: `https://scrollscan.com/address/${address}`, arbitrum: `https://arbiscan.io/address/${address}`, ethereum: `https://etherscan.io/address/${address}`, polygon: `https://polygonscan.com/address/${address}`, bsc: `https://bscscan.com/address/${address}`, optimism: `https://optimistic.etherscan.io/address/${address}` }; const normalizedNetwork = network?.toLowerCase(); return explorerMap[normalizedNetwork] || null; }; const fetchData = async (type, page) => { setLoading(true); setError(null); try { let allFeeds = allData; const shouldFetchNew = allData.length === 0 || page === 1; if (shouldFetchNew) { const response = await fetch(`https://history.oraclesecurity.org/trading-view/feeds?feed_type=${type}&page=1&limit=100`); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const result = await response.json(); if (result.feeds && Array.isArray(result.feeds)) { allFeeds = result.feeds.sort((a, b) => { const feedA = (a.feed || "").toLowerCase(); const feedB = (b.feed || "").toLowerCase(); return feedA.localeCompare(feedB); }); setAllData(allFeeds); setFilteredData(allFeeds); } else { throw new Error("Invalid response format"); } } const dataToUse = searchTerm.trim() ? filteredData : allFeeds; const startIndex = (page - 1) * ITEMS_PER_PAGE; const endIndex = startIndex + ITEMS_PER_PAGE; const pageFeeds = dataToUse.slice(startIndex, endIndex); const formattedData = pageFeeds.map((item, index) => { const id = `${type}-${page}-${index}`; if (type === "pull") { let formattedPrice = "N/A"; if (item.last_price) { const price = parseFloat(item.last_price); if (price < 0.01) { formattedPrice = `$${price.toExponential(2)}`; } else if (price < 1) { formattedPrice = `$${price.toFixed(6)}`; } else { formattedPrice = `$${price.toFixed(2)}`; } } const formatAddress = address => { if (!address || address === "N/A" || address.length <= 12) { return address; } return `${address.slice(0, 6)}...${address.slice(-6)}`; }; return { id, priceFeed: item.feed || "Unknown Feed", currentPrice: formattedPrice, network: item.network || "Unknown", contractAddress: item.address || "N/A", contractAddressDisplay: formatAddress(item.address || "N/A"), explorerUrl: getExplorerUrl(item.network, item.address) }; } else if (type === "push") { let formattedPrice = "N/A"; if (item.last_price) { const price = parseFloat(item.last_price); if (price < 0.01) { formattedPrice = `$${price.toExponential(2)}`; } else if (price < 1) { formattedPrice = `$${price.toFixed(6)}`; } else { formattedPrice = `$${price.toFixed(2)}`; } } const formatAddress = address => { if (!address || address === "N/A" || address.length <= 12) { return address; } return `${address.slice(0, 6)}...${address.slice(-6)}`; }; const formatHeartbeat = timestamp => { if (!timestamp || timestamp === "N/A") { return "N/A"; } const nextUpdate = new Date(timestamp); const now = new Date(); const diffSeconds = Math.max(0, Math.floor((nextUpdate - now) / 1000)); if (diffSeconds <= 0) { return "Now"; } const hours = Math.floor(diffSeconds / 3600); const minutes = Math.floor(diffSeconds % 3600 / 60); const seconds = diffSeconds % 60; return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; }; return { id, priceFeed: item.feed || "Unknown Feed", currentPrice: formattedPrice, network: item.network || "Unknown", contractAddress: item.address || "N/A", contractAddressDisplay: formatAddress(item.address || "N/A"), deviationThreshold: item.deviation_threshold ? `${item.deviation_threshold}%` : "N/A", heartbeat: item.nextTimestamp ? formatHeartbeat(item.nextTimestamp) : "N/A" }; } return { id, priceFeed: "Unknown", currentPrice: "N/A" }; }); setData(formattedData); const totalFeeds = dataToUse.length; const calculatedTotalPages = Math.ceil(totalFeeds / ITEMS_PER_PAGE); setTotalPages(calculatedTotalPages); } catch (err) { setError(err.message); setData([]); setTotalPages(1); } finally { setLoading(false); } }; useEffect(() => { fetchData(feedType, 1); }, [feedType]); useEffect(() => { if (allData.length > 0) { const dataToUse = filteredData; const startIndex = (currentPage - 1) * ITEMS_PER_PAGE; const endIndex = startIndex + ITEMS_PER_PAGE; const pageFeeds = dataToUse.slice(startIndex, endIndex); const formattedData = pageFeeds.map((item, index) => { const id = `${feedType}-${currentPage}-${index}`; if (feedType === "pull") { let formattedPrice = "N/A"; if (item.last_price) { const price = parseFloat(item.last_price); if (price < 0.01) { formattedPrice = `$${price.toExponential(2)}`; } else if (price < 1) { formattedPrice = `$${price.toFixed(6)}`; } else { formattedPrice = `$${price.toFixed(2)}`; } } const formatAddress = address => { if (!address || address === "N/A" || address.length <= 12) { return address; } return `${address.slice(0, 6)}...${address.slice(-6)}`; }; return { id, priceFeed: item.feed || "Unknown Feed", currentPrice: formattedPrice, network: item.network || "Unknown", contractAddress: item.address || "N/A", contractAddressDisplay: formatAddress(item.address || "N/A"), explorerUrl: getExplorerUrl(item.network, item.address) }; } else if (feedType === "push") { let formattedPrice = "N/A"; if (item.last_price) { const price = parseFloat(item.last_price); if (price < 0.01) { formattedPrice = `$${price.toExponential(2)}`; } else if (price < 1) { formattedPrice = `$${price.toFixed(6)}`; } else { formattedPrice = `$${price.toFixed(2)}`; } } const formatAddress = address => { if (!address || address === "N/A" || address.length <= 12) { return address; } return `${address.slice(0, 6)}...${address.slice(-6)}`; }; const formatHeartbeat = timestamp => { if (!timestamp || timestamp === "N/A") { return "N/A"; } const nextUpdate = new Date(timestamp); const now = new Date(); const diffSeconds = Math.max(0, Math.floor((nextUpdate - now) / 1000)); if (diffSeconds <= 0) { return "Now"; } const hours = Math.floor(diffSeconds / 3600); const minutes = Math.floor(diffSeconds % 3600 / 60); const seconds = diffSeconds % 60; return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; }; return { id, priceFeed: item.feed || "Unknown Feed", currentPrice: formattedPrice, network: item.network || "Unknown", contractAddress: item.address || "N/A", contractAddressDisplay: formatAddress(item.address || "N/A"), deviationThreshold: item.deviation_threshold ? `${item.deviation_threshold}%` : "N/A", heartbeat: item.nextTimestamp ? formatHeartbeat(item.nextTimestamp) : "N/A" }; } return { id, priceFeed: "Unknown", currentPrice: "N/A" }; }); setData(formattedData); const totalFeeds = dataToUse.length; const calculatedTotalPages = Math.ceil(totalFeeds / ITEMS_PER_PAGE); setTotalPages(calculatedTotalPages); } }, [currentPage, filteredData, allData, feedType]); useEffect(() => { let filtered = allData; if (feedType === "push" && selectedNetwork !== "all") { filtered = filtered.filter(item => { const network = item.network || ""; return network.toLowerCase() === selectedNetwork.toLowerCase(); }); } if (searchTerm.trim()) { filtered = filtered.filter(item => { const feedName = item.feed || ""; return feedName.toLowerCase().includes(searchTerm.toLowerCase()); }); } setFilteredData(filtered); setCurrentPage(1); }, [searchTerm, allData, selectedNetwork, feedType]); useEffect(() => { setSelectedNetwork("all"); }, [feedType]); const ArrowIcon = ({direction}) => _jsx(_components.svg, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: direction === "left" ? "rotate(180deg)" : "none" }, children: _jsx(_components.path, { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }); const DoubleArrowIcon = ({direction}) => _jsx(_components.svg, { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: direction === "right" ? "rotate(180deg)" : "none" }, children: _jsx(_components.path, { d: "M8.25 4.5L3.75 9L8.25 13.5M14.25 4.5L9.75 9L14.25 13.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }); const CopyIcon = () => _jsx(_components.svg, { width: "16", height: "16", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx(_components.path, { d: "M11.3511 5.21997L11.3496 3.45C11.3496 3.33065 11.3022 3.21619 11.2178 3.1318C11.1334 3.04741 11.019 3 10.8996 3H3.54961C3.43026 3 3.3158 3.04741 3.23141 3.1318C3.14702 3.21619 3.09961 3.33065 3.09961 3.45V10.8C3.09961 10.9193 3.14702 11.0338 3.23141 11.1182C3.3158 11.2026 3.43026 11.25 3.54961 11.25H5.35107M14.6496 15H7.29961C7.18026 15 7.0658 14.9526 6.98141 14.8682C6.89702 14.7838 6.84961 14.6693 6.84961 14.55V7.2C6.84961 7.08065 6.89702 6.96619 6.98141 6.8818C7.0658 6.79741 7.18026 6.75 7.29961 6.75H14.6496C14.769 6.75 14.8834 6.79741 14.9678 6.8818C15.0522 6.96619 15.0996 7.08065 15.0996 7.2V14.55C15.0996 14.6693 15.0522 14.7838 14.9678 14.8682C14.8834 14.9526 14.769 15 14.6496 15Z", stroke: "#5C5C5C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }); const CheckIcon = () => _jsx(_components.svg, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx(_components.path, { d: "M13.5 4.5L6 12L2.5 8.5", stroke: "#559E00", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }); const ArrowRuIcon = () => _jsx(_components.svg, { width: "13", height: "12", viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx(_components.path, { d: "M3.09961 9.5L9.59961 3M9.59961 3V9.24M9.59961 3H3.35961", stroke: "#5C5C5C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }); const SearchIcon = () => _jsxs(_components.svg, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx(_components.path, { d: "M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z", stroke: "#9F9F9F", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx(_components.path, { d: "M14 14L11.1 11.1", stroke: "#9F9F9F", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }); const FilterIcon = () => _jsxs(_components.svg, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx(_components.path, { d: "M2.5 3.5H13.5", stroke: "#9F9F9F", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx(_components.path, { d: "M4.5 8H11.5", stroke: "#9F9F9F", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx(_components.path, { d: "M6.5 12.5H9.5", stroke: "#9F9F9F", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }); const SearchBar = () => { const getUniqueNetworks = () => { const networks = allData.map(item => item.network).filter(Boolean); const uniqueNetworks = [...new Set(networks.map(network => network.toLowerCase()))]; return uniqueNetworks.sort(); }; return _jsxs(_components.div, { className: "simple-price-feeds-search-container", children: [feedType === "push" && _jsxs(_components.div, { className: "simple-price-feeds-network-filter", children: [_jsx(FilterIcon, {}), _jsxs(_components.select, { value: selectedNetwork, onChange: e => setSelectedNetwork(e.target.value), className: "simple-price-feeds-network-select", children: [_jsx(_components.option, { value: "all", children: "All Networks" }), getUniqueNetworks().map(network => _jsx(_components.option, { value: network, children: network.charAt(0).toUpperCase() + network.slice(1) }, network))] })] }), _jsxs(_components.div, { className: "simple-price-feeds-search-input-wrapper", children: [_jsx(SearchIcon, {}), _jsx(_components.input, { type: "text", placeholder: "Search...", value: searchTerm, onChange: e => setSearchTerm(e.target.value), className: "simple-price-feeds-search-input" })] })] }); }; const CoinLogo = ({priceFeed}) => { const coinName = priceFeed.split("/")[0]; const logoUrl = `https://assets.chaoslabs.xyz/logos/${coinName}`; return _jsx(_components.img, { alt: `${coinName}-icon`, src: logoUrl, className: "simple-price-feeds-coin-logo", onError: e => { e.target.style.display = "none"; } }); }; const NetworkLogo = ({network, priceFeed, address}) => { const logoUrl = `https://assets.chaoslabs.xyz/logos/${network}`; const handleNetworkClick = () => { const formattedPriceFeed = priceFeed.replace("/", "-"); const url = `https://edgebychaos.com/price-feeds/${formattedPriceFeed}?address=${address}&network=${network}`; window.open(url, "_blank"); }; return _jsx(_components.div, { className: "simple-price-feeds-network-icon-container", onClick: handleNetworkClick, style: { cursor: "pointer" }, children: _jsx(_components.img, { alt: `${network}-icon`, src: logoUrl, className: "simple-price-feeds-network-logo", onError: e => { e.target.style.display = "none"; } }) }); }; const pullHeaders = ["PRICE FEED", "CURRENT PRICE"]; const pushHeaders = ["PRICE FEED", "NETWORK", "CURRENT PRICE", "CONTRACT ADDRESS", "DEVIATION THRESHOLD", "HEARTBEAT"]; const handleCopyAddress = async (address, feedId) => { try { await navigator.clipboard.writeText(address); setCopiedAddress(feedId); setTimeout(() => setCopiedAddress(null), 2000); } catch (err) { console.error("Failed to copy address:", err); } }; const handleExternalLink = (address, network) => { const explorerUrl = getExplorerUrl(network, address); if (explorerUrl) { window.open(explorerUrl, "_blank"); } else { console.log(`No explorer available for network: ${network}`); } }; const renderPullTable = () => _jsxs(_components.div, { className: "simple-price-feeds-pull-table-container", children: [_jsx(SearchBar, {}), _jsxs(_components.div, { className: "simple-price-feeds-pull-table", children: [pullHeaders.map((header, index) => _jsx(_components.div, { className: `simple-price-feeds-pull-header`, children: header }, `header-${index}`)), data.map(feed => [_jsx(_components.div, { className: "simple-price-feeds-pull-cell simple-price-feeds-price-feed-cell", children: _jsxs(_components.div, { style: { display: "flex", alignItems: "center" }, children: [_jsx(CoinLogo, { priceFeed: feed.priceFeed }), feed.priceFeed] }) }, `${feed.id}-priceFeed`), _jsx(_components.div, { className: "simple-price-feeds-pull-cell simple-price-feeds-current-price-cell", children: feed.currentPrice }, `${feed.id}-currentPrice`)])] })] }); const renderPushTable = () => _jsxs(_components.div, { className: "simple-price-feeds-push-scroll-container", children: [_jsx(SearchBar, {}), _jsxs(_components.div, { className: "simple-price-feeds-push-table", children: [pushHeaders.map((header, index) => _jsx(_components.div, { className: `simple-price-feeds-push-header`, children: header }, `header-${index}`)), data.map(feed => [_jsx(_components.div, { className: "simple-price-feeds-push-cell simple-price-feeds-price-feed-cell", children: _jsxs(_components.div, { style: { display: "flex", alignItems: "center" }, children: [_jsx(CoinLogo, { priceFeed: feed.priceFeed }), feed.priceFeed] }) }, `${feed.id}-priceFeed`), _jsx(_components.div, { className: "simple-price-feeds-push-cell simple-price-feeds-network-cell", children: _jsx(NetworkLogo, { network: feed.network, priceFeed: feed.priceFeed, address: feed.contractAddress }) }, `${feed.id}-network`), _jsx(_components.div, { className: "simple-price-feeds-push-cell simple-price-feeds-current-price-cell", children: feed.currentPrice }, `${feed.id}-currentPrice`), _jsx(_components.div, { className: "simple-price-feeds-push-cell", children: _jsxs(_components.div, { className: "simple-price-feeds-contract-address", children: [_jsx(_components.button, { className: "simple-price-feeds-icon-button", onClick: () => handleCopyAddress(feed.contractAddress, feed.id), title: "Copy address", children: copiedAddress === feed.id ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) }), _jsx(_components.span, { className: "simple-price-feeds-contract-address-text", onClick: () => handleExternalLink(feed.contractAddress, feed.network), title: "Open in explorer", children: feed.contractAddressDisplay }), _jsx(_components.button, { className: "simple-price-feeds-icon-button", onClick: () => handleExternalLink(feed.contractAddress, feed.network), title: "Open in explorer", children: _jsx(ArrowRuIcon, {}) })] }) }, `${feed.id}-contractAddress`), _jsx(_components.div, { className: "simple-price-feeds-push-cell simple-price-feeds-deviation-threshold-cell", children: feed.deviationThreshold }, `${feed.id}-deviationThreshold`), _jsx(_components.div, { className: "simple-price-feeds-push-cell simple-price-feeds-heartbeat-cell", children: feed.heartbeat }, `${feed.id}-heartbeat`)])] })] }); const renderPageNumbers = () => { const pages = []; const maxVisiblePages = 5; if (totalPages <= maxVisiblePages) { for (let i = 1; i <= totalPages; i++) { pages.push(_jsx(_components.button, { className: `simple-price-feeds-pagination-button simple-price-feeds-pagination-page-button ${i === currentPage ? "simple-price-feeds-pagination-active-button" : ""}`, onClick: () => setCurrentPage(i), children: i }, i)); } } else { pages.push(_jsx(_components.button, { className: `simple-price-feeds-pagination-button simple-price-feeds-pagination-page-button ${1 === currentPage ? "simple-price-feeds-pagination-active-button" : ""}`, onClick: () => setCurrentPage(1), children: "1" }, 1)); if (currentPage > 3) { pages.push(_jsx(_components.span, { className: "simple-price-feeds-pagination-ellipsis", children: "..." }, "ellipsis1")); } const start = Math.max(2, currentPage - 1); const end = Math.min(totalPages - 1, currentPage + 1); for (let i = start; i <= end; i++) { if (i !== 1 && i !== totalPages) { pages.push(_jsx(_components.button, { className: `simple-price-feeds-pagination-button simple-price-feeds-pagination-page-button ${i === currentPage ? "simple-price-feeds-pagination-active-button" : ""}`, onClick: () => setCurrentPage(i), children: i }, i)); } } if (currentPage < totalPages - 2) { pages.push(_jsx(_components.span, { className: "simple-price-feeds-pagination-ellipsis", children: "..." }, "ellipsis2")); } if (totalPages > 1) { pages.push(_jsx(_components.button, { className: `simple-price-feeds-pagination-button simple-price-feeds-pagination-page-button ${totalPages === currentPage ? "simple-price-feeds-pagination-active-button" : ""}`, onClick: () => setCurrentPage(totalPages), children: totalPages }, totalPages)); } } return pages; }; if (loading) { return _jsx(_components.div, { className: "simple-price-feeds-table", children: feedType === "pull" ? _jsxs(_components.div, { className: "simple-price-feeds-pull-table-container", children: [_jsx(SearchBar, {}), _jsxs(_components.div, { className: "simple-price-feeds-pull-table", children: [pullHeaders.map((header, index) => _jsx(_components.div, { style: { height: "34px" }, className: `simple-price-feeds-pull-header` }, `header-${index}`)), Array.from({ length: 15 }, (_, rowIndex) => pullHeaders.map((_, colIndex) => _jsx(_components.div, { className: `simple-price-feeds-pull-cell simple-price-feeds-skeleton-cell`, children: _jsx(_components.div, { className: `simple-price-feeds-skeleton-content ${colIndex === 0 ? "simple-price-feeds-skeleton-content-80" : "simple-price-feeds-skeleton-content-60"}` }) }, `skeleton-${rowIndex}-${colIndex}`)))] })] }) : _jsxs(_components.div, { className: "simple-price-feeds-push-scroll-container", children: [_jsx(SearchBar, {}), _jsxs(_components.div, { className: "simple-price-feeds-push-table", children: [pushHeaders.map((header, index) => _jsx(_components.div, { style: { height: "34px" }, className: `simple-price-feeds-push-header` }, `header-${index}`)), Array.from({ length: 15 }, (_, rowIndex) => pushHeaders.map((_, colIndex) => _jsx(_components.div, { className: `simple-price-feeds-push-cell simple-price-feeds-skeleton-cell`, children: _jsx(_components.div, { className: `simple-price-feeds-skeleton-content ${colIndex === 0 ? "simple-price-feeds-skeleton-content-80" : colIndex === 1 ? "simple-price-feeds-skeleton-content-40" : "simple-price-feeds-skeleton-content-60"}` }) }, `skeleton-${rowIndex}-${colIndex}`)))] })] }) }); } if (error) { return _jsx(_components.div, { className: "simple-price-feeds-table", children: _jsxs(_components.div, { className: "simple-price-feeds-error", children: ["An error occurred: ", error, _jsx(_components.button, { onClick: () => window.location.reload(), children: "Retry" })] }) }); } return _jsxs(_components.div, { className: "simple-price-feeds-table", children: [feedType === "pull" ? renderPullTable() : renderPushTable(), _jsxs(_components.div, { className: "simple-price-feeds-pagination-container", children: [_jsx(_components.button, { className: `simple-price-feeds-pagination-button ${currentPage === 1 ? "simple-price-feeds-pagination-disabled-button" : ""}`, onClick: () => setCurrentPage(1), disabled: currentPage === 1, children: _jsx(DoubleArrowIcon, { direction: "left" }) }), _jsx(_components.button, { className: `simple-price-feeds-pagination-button ${currentPage === 1 ? "simple-price-feeds-pagination-disabled-button" : ""}`, onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, children: _jsx(ArrowIcon, { direction: "left" }) }), renderPageNumbers(), _jsx(_components.button, { className: `simple-price-feeds-pagination-button ${currentPage === totalPages ? "simple-price-feeds-pagination-disabled-button" : ""}`, onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, children: _jsx(ArrowIcon, { direction: "right" }) }), _jsx(_components.button, { className: `simple-price-feeds-pagination-button ${currentPage === totalPages ? "simple-price-feeds-pagination-disabled-button" : ""}`, onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, children: _jsx(DoubleArrowIcon, { direction: "right" }) })] })] }); }; function _createMdxContent(props) { return _jsx(SimplePriceFeedsTable, {}); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { SimplePriceFeedsTable, default: MDXContent };

Feeds dashboard