import React, { useMemo } from "react"; import { Container } from "react-bootstrap"; import BreadCrumb from "../../../Components/Common/BreadCrumb"; import TableContainer from "../../../Components/Common/TableContainer"; import { NFTRanking } from "../../../common/data"; import { Head, Link } from "@inertiajs/react"; import Layout from "../../../Layouts"; const Ranking = () => { // Ranking Column const columns = useMemo( () => [ { header: "Ranking", accessorKey: "ranking", enableColumnFilter: false, cell: (cell: any) => { if (cell.getValue() < 4) { return (
#{cell.getValue()}
); } else { return (
#{cell.getValue()}
); } } }, { header: "Collection", enableColumnFilter: false, cell: (collection: any) => ( <>
{collection.row.original.collection}
), }, { header: "Volume", accessorKey: "volume_price", enableColumnFilter: false, }, { header: "24h%", accessorKey: "hours", enableColumnFilter: false, cell: (cell: any) => { if (cell.getValue() > 0) { return (
{cell.getValue()} ETH
); } else { return (
{cell.getValue()} ETH
); } } }, { header: "7d%", accessorKey: "day", enableColumnFilter: false, cell: (cell: any) => { if (cell.getValue() > 0) { return (
{cell.getValue()} ETH
); } else { return (
{cell.getValue()} ETH
); } } }, { header: "Item", accessorKey: "item", enableColumnFilter: false, }, { header: "Floor Price", accessorKey: "floor_price", enableColumnFilter: false, }, ], []); return (
The top NFTs ranking on Velzon

Updated: 28 April, 2022 08:05:00

{NFTRanking && NFTRanking.length > 0 ? ( ) : (
Sorry! No Result Found

We've searched more than 150+ ranking We did not find any ranking for you search.

)}
); }; Ranking.layout = (page: any) => export default Ranking;