From 434df2d4526c06a2222e614a264ceda31b7aa4d1 Mon Sep 17 00:00:00 2001
From: pedromcunha <pedro.spinsomewebs@gmail.com>
Date: Wed, 5 Jul 2023 13:15:47 -0400
Subject: [PATCH 01/12] Add chain homepage logos and stats component

---
 pages/[chain]/index.tsx             |  34 +++++++++++++++++++++++++---
 public/home/logos/arbitrum-logo.png | Bin 0 -> 11140 bytes
 public/home/logos/bsc-logo.png      | Bin 0 -> 10422 bytes
 public/home/logos/ethereum-logo.png | Bin 0 -> 9320 bytes
 public/home/logos/optimism-logo.png | Bin 0 -> 6445 bytes
 public/home/logos/polygon-logo.png  | Bin 0 -> 16253 bytes
 public/home/logos/zora-logo.png     | Bin 0 -> 30568 bytes
 7 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 public/home/logos/arbitrum-logo.png
 create mode 100644 public/home/logos/bsc-logo.png
 create mode 100644 public/home/logos/ethereum-logo.png
 create mode 100644 public/home/logos/optimism-logo.png
 create mode 100644 public/home/logos/polygon-logo.png
 create mode 100644 public/home/logos/zora-logo.png

diff --git a/pages/[chain]/index.tsx b/pages/[chain]/index.tsx
index 9eee4c64f..a8af8b484 100644
--- a/pages/[chain]/index.tsx
+++ b/pages/[chain]/index.tsx
@@ -16,7 +16,6 @@ import fetcher from 'utils/fetcher'
 import { NORMALIZE_ROYALTIES } from '../_app'
 import supportedChains from 'utils/chains'
 import Link from 'next/link'
-import ChainToggle from 'components/common/ChainToggle'
 import CollectionsTimeDropdown, {
   CollectionsSortingOption,
 } from 'components/common/CollectionsTimeDropdown'
@@ -24,7 +23,7 @@ import { Head } from 'components/Head'
 import { CollectionRankingsTable } from 'components/rankings/CollectionRankingsTable'
 import { ChainContext } from 'context/ChainContextProvider'
 import { Dropdown, DropdownMenuItem } from 'components/primitives/Dropdown'
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+import { faChevronDown, faSprout } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useRouter } from 'next/router'
 
@@ -135,6 +134,11 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
                       minWidth: 0,
                     }}
                   >
+                    <img
+                      src={`/home/logos/${marketplaceChain.routePrefix}-logo.png`}
+                      alt={`${marketplaceChain.name} Logo`}
+                      style={{ width: 40, height: 40 }}
+                    />
                     <Text style="h3" ellipsify>
                       {' ' + marketplaceChain.name}
                     </Text>
@@ -182,6 +186,31 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
             Multi-Chain Explorer, powered by Reservoir
           </Text>
         </Flex>
+        <Flex>
+          <Flex
+            align="center"
+            css={{
+              border: '1px solid',
+              borderColor: '$gray6',
+              p: '$4',
+              borderRadius: 8,
+              gap: '$4',
+            }}
+          >
+            <FontAwesomeIcon
+              icon={faSprout}
+              width={25}
+              height={25}
+              color="#9BA1A6"
+            />
+            <Flex direction="column">
+              <Text style="subtitle2" color="subtle">
+                7d Mints
+              </Text>
+              <Text style="h6">200,000</Text>
+            </Flex>
+          </Flex>
+        </Flex>
         <Flex css={{ my: '$6', gap: 65 }} direction="column">
           <Flex
             justify="between"
@@ -206,7 +235,6 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
                   setSortByTime(option)
                 }}
               />
-              <ChainToggle />
             </Flex>
           </Flex>
           {isSSR || !isMounted ? null : (
diff --git a/public/home/logos/arbitrum-logo.png b/public/home/logos/arbitrum-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..780e7ded49901edb7d16b968f77ecd341172a06e
GIT binary patch
literal 11140
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
W+H>#&&eA0S0000<MNUMnLSTZw2rsPw

literal 0
HcmV?d00001

diff --git a/public/home/logos/bsc-logo.png b/public/home/logos/bsc-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b998eb2b6b33a0b94fcc167041f158deb3cc9c7b
GIT binary patch
literal 10422
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

literal 0
HcmV?d00001

diff --git a/public/home/logos/ethereum-logo.png b/public/home/logos/ethereum-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9e1579a44c3e7c895679a0b810df33cb33df2f1
GIT binary patch
literal 9320
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
W;)*N|2@6L60000<MNUMnLSTXqHUc#O

literal 0
HcmV?d00001

diff --git a/public/home/logos/optimism-logo.png b/public/home/logos/optimism-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d15113a2f10f06dd912c885b833c85ec3f3d6554
GIT binary patch
literal 6445
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
Hu0mjfp*D~&

literal 0
HcmV?d00001

diff --git a/public/home/logos/polygon-logo.png b/public/home/logos/polygon-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..0eed442b7fa697e1b93599ce98873ba8967bd74a
GIT binary patch
literal 16253
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

literal 0
HcmV?d00001

diff --git a/public/home/logos/zora-logo.png b/public/home/logos/zora-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e99121e972790ae2659530dc37479f8717f4c5f4
GIT binary patch
literal 30568
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
Hu0mjfvWA$n

literal 0
HcmV?d00001


From 0ae563e55f3c8d11d5604264245f0f118fae49d2 Mon Sep 17 00:00:00 2001
From: pedromcunha <pedro.spinsomewebs@gmail.com>
Date: Thu, 6 Jul 2023 17:01:31 -0400
Subject: [PATCH 02/12] Refactor homepage desktop

---
 components/home/ChainStats.tsx                |  79 +++
 components/home/CollectionTopSellingTable.tsx | 503 ++++++++++++++++++
 hooks/index.ts                                |   1 +
 hooks/useChainStats.ts                        |  18 +
 hooks/useTopSellingCollections.ts             |  64 +++
 package.json                                  |   2 +-
 pages/[chain]/index.tsx                       | 178 +++----
 yarn.lock                                     |  18 +-
 8 files changed, 759 insertions(+), 104 deletions(-)
 create mode 100644 components/home/ChainStats.tsx
 create mode 100644 components/home/CollectionTopSellingTable.tsx
 create mode 100644 hooks/useChainStats.ts
 create mode 100644 hooks/useTopSellingCollections.ts

diff --git a/components/home/ChainStats.tsx b/components/home/ChainStats.tsx
new file mode 100644
index 000000000..835a32272
--- /dev/null
+++ b/components/home/ChainStats.tsx
@@ -0,0 +1,79 @@
+import { FC, useMemo } from 'react'
+import { Flex, Text } from '../primitives'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import {
+  faImage,
+  faShoppingCart,
+  faSprout,
+} from '@fortawesome/free-solid-svg-icons'
+import { useChainStats } from 'hooks'
+import { formatNumber } from 'utils/numbers'
+
+export const ChainStats = () => {
+  const { data: statsData } = useChainStats()
+  const stats = statsData?.stats?.['7day']
+
+  const statsSections = useMemo(() => {
+    const sections = [
+      {
+        title: '7d Mints',
+        stat: '-',
+        icon: faSprout,
+      },
+      {
+        title: '7d Secondary Sales',
+        stat: '-',
+        icon: faShoppingCart,
+      },
+      {
+        title: '7d New Collections',
+        stat: '-',
+        icon: faImage,
+      },
+    ]
+    if (stats) {
+      sections[0].stat = `${
+        stats.mintCount ? formatNumber(stats.mintCount) : 0
+      }`
+      sections[1].stat = `${
+        stats.saleCount ? formatNumber(stats.saleCount) : 0
+      }`
+      sections[2].stat = `${
+        stats.totalCount ? formatNumber(stats.totalCount) : 0
+      }`
+    }
+    return sections
+  }, [stats])
+
+  return (
+    <Flex css={{ gap: 24 }}>
+      {statsSections.map((section, i) => (
+        <Flex
+          key={i}
+          align="center"
+          css={{
+            border: '1px solid',
+            borderColor: '$gray6',
+            p: '$4',
+            borderRadius: 8,
+            gap: '$4',
+            flex: 1,
+          }}
+        >
+          <FontAwesomeIcon
+            icon={section.icon}
+            width={25}
+            height={25}
+            color="#9BA1A6"
+          />
+          <Flex direction="column" css={{ gap: '$2' }}>
+            <Text style="subtitle2" color="subtle">
+              {section.title}
+            </Text>
+            <Text style="h6">{section.stat}</Text>
+          </Flex>
+        </Flex>
+      ))}
+    </Flex>
+  )
+}
diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
new file mode 100644
index 000000000..2cfdca8f5
--- /dev/null
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -0,0 +1,503 @@
+import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { useCollections } from '@reservoir0x/reservoir-kit-ui'
+import { OpenSeaVerified } from 'components/common/OpenSeaVerified'
+import { NAVBAR_HEIGHT } from 'components/navbar'
+import {
+  Box,
+  Flex,
+  FormatCryptoCurrency,
+  HeaderRow,
+  TableCell,
+  TableRow,
+  Text,
+} from 'components/primitives'
+import Img from 'components/primitives/Img'
+import { useMarketplaceChain } from 'hooks'
+import useTopSellingCollections from 'hooks/useTopSellingCollections'
+import Link from 'next/link'
+import { FC, useMemo } from 'react'
+import { useMediaQuery } from 'react-responsive'
+import { formatNumber } from 'utils/numbers'
+import optimizeImage from 'utils/optimizeImage'
+
+type FillType = 'any' | 'mint' | 'sale'
+
+type Props = {
+  topSellingCollections: NonNullable<
+    ReturnType<typeof useTopSellingCollections>['data']
+  >['collections']
+  collections: ReturnType<typeof useTopSellingCollections>['collections']
+  loading?: boolean
+  fillType: FillType
+}
+
+const fourTemplateColumns = '1.5fr 1fr 1fr 1.5fr'
+const fiveTemplateColumns = '1.5fr 1fr 1fr 1.5fr'
+
+export const CollectionTopSellingTable: FC<Props> = ({
+  topSellingCollections,
+  collections,
+  loading,
+  fillType,
+}) => {
+  const isSmallDevice = useMediaQuery({ maxWidth: 900 })
+
+  if (loading) {
+    return null
+  }
+
+  if (
+    topSellingCollections?.length === 0 ||
+    Object.entries(collections).length === 0
+  ) {
+    return (
+      <Flex
+        direction="column"
+        align="center"
+        css={{ py: '$6', gap: '$4', width: '100%' }}
+      >
+        <Text css={{ color: '$gray11' }}>
+          <FontAwesomeIcon icon={faMagnifyingGlass} size="2xl" />
+        </Text>
+        <Text css={{ color: '$gray11' }}>No collections found</Text>
+      </Flex>
+    )
+  }
+
+  return (
+    <Flex direction="column" css={{ width: '100%', pb: '$2' }}>
+      {isSmallDevice ? (
+        <Flex justify="between" css={{ mb: '$4', '@md': { display: 'none' } }}>
+          <Text style="subtitle3" color="subtle">
+            Collection
+          </Text>
+          <Text style="subtitle3" color="subtle">
+            Volume
+          </Text>
+        </Flex>
+      ) : (
+        <CollectionTableHeading fillType={fillType} />
+      )}
+      <Flex direction="column" css={{ position: 'relative' }}>
+        {topSellingCollections?.map((collection, i) => {
+          switch (fillType) {
+            case 'sale':
+              return (
+                <SaleTableRow
+                  key={collection.id}
+                  topSellingCollection={collection}
+                  collection={collections[collection.id as string]}
+                  rank={i + 1}
+                />
+              )
+            case 'mint':
+              return (
+                <MintTableRow
+                  key={collection.id}
+                  topSellingCollection={collection}
+                  collection={collections[collection.id as string]}
+                  rank={i + 1}
+                />
+              )
+            case 'any':
+            default:
+              return (
+                <AllSalesTableRow
+                  key={collection.id}
+                  topSellingCollection={collection}
+                  collection={collections[collection.id as string]}
+                  rank={i + 1}
+                />
+              )
+          }
+        })}
+      </Flex>
+    </Flex>
+  )
+}
+
+const CollectionCell: FC<{
+  topSellingCollection: NonNullable<Props['topSellingCollections']>[0]
+  collection: NonNullable<Props['collections']>[0]
+  rank: number
+}> = ({ collection, topSellingCollection, rank }) => {
+  const { routePrefix } = useMarketplaceChain()
+  const collectionImage = useMemo(() => {
+    return optimizeImage(topSellingCollection?.image as string, 250)
+  }, [topSellingCollection?.image])
+  return (
+    <TableCell css={{ minWidth: 0 }}>
+      <Link
+        href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+        style={{ display: 'inline-block', width: '100%', minWidth: 0 }}
+      >
+        <Flex
+          align="center"
+          css={{
+            gap: '$2',
+            cursor: 'pointer',
+            minWidth: 0,
+            overflow: 'hidden',
+            width: '100$',
+          }}
+        >
+          <Text css={{ mr: '$2', width: 15 }} style="subtitle3">
+            {rank}
+          </Text>
+          <Img
+            src={collectionImage}
+            css={{
+              borderRadius: 8,
+              width: 56,
+              height: 56,
+              objectFit: 'cover',
+            }}
+            alt="Collection Image"
+            width={56}
+            height={56}
+            unoptimized
+          />
+
+          <Text
+            css={{
+              display: 'inline-block',
+              minWidth: 0,
+            }}
+            style="subtitle1"
+            ellipsify
+          >
+            {topSellingCollection?.name}
+          </Text>
+          <OpenSeaVerified
+            openseaVerificationStatus={collection?.openseaVerificationStatus}
+          />
+        </Flex>
+      </Link>
+    </TableCell>
+  )
+}
+
+const RecentSalesCell: FC<{
+  topSellingCollection: NonNullable<Props['topSellingCollections']>[0]
+}> = ({ topSellingCollection }) => {
+  const images =
+    useMemo(
+      () =>
+        topSellingCollection?.recentSales?.reduce((images, sale) => {
+          if (sale?.token?.image && images.length < 5) {
+            images.push(optimizeImage(sale.token.image as string, 100))
+          }
+          return images
+        }, [] as string[]),
+      [topSellingCollection]
+    ) || []
+
+  return (
+    <TableCell css={{ minWidth: 0 }}>
+      <Flex css={{ gap: '$2' }}>
+        {images.map((image) => (
+          <Img
+            src={image}
+            alt="Token Image"
+            width={56}
+            height={56}
+            unoptimized
+            css={{
+              borderRadius: 8,
+              width: 56,
+              height: 56,
+              objectFit: 'cover',
+            }}
+          />
+        ))}
+      </Flex>
+    </TableCell>
+  )
+}
+
+type CollectionTableRowProps = {
+  topSellingCollection: NonNullable<
+    NonNullable<
+      ReturnType<typeof useTopSellingCollections>['data']
+    >['collections']
+  >[0]
+  collection: ReturnType<typeof useTopSellingCollections>['collections'][0]
+  rank: number
+}
+
+const AllSalesTableRow: FC<CollectionTableRowProps> = ({
+  collection,
+  topSellingCollection,
+  rank,
+}) => {
+  const mintData = collection?.mintStages?.find(
+    (stage) => stage.kind === 'public'
+  )
+  const mintPrice = mintData?.price.amount?.native || 0
+  const floorAsk = collection?.floorAsk?.price?.amount?.native || 0
+  return (
+    <TableRow
+      key={topSellingCollection.id}
+      css={{
+        gridTemplateColumns: fourTemplateColumns,
+      }}
+    >
+      <CollectionCell
+        collection={collection}
+        topSellingCollection={topSellingCollection}
+        rank={rank}
+      />
+      <TableCell>
+        {mintPrice < floorAsk ? (
+          mintPrice === 0 ? (
+            'Free'
+          ) : (
+            <FormatCryptoCurrency
+              amount={mintPrice}
+              textStyle="subtitle2"
+              logoHeight={14}
+            />
+          )
+        ) : (
+          <FormatCryptoCurrency
+            amount={collection?.floorAsk?.price?.amount?.decimal}
+            address={collection?.floorAsk?.price?.currency?.contract}
+            decimals={collection?.floorAsk?.price?.currency?.decimals}
+            textStyle="subtitle2"
+            logoHeight={14}
+          />
+        )}
+      </TableCell>
+      <TableCell>
+        <Text style="subtitle2">
+          {formatNumber(topSellingCollection.count)}
+        </Text>
+      </TableCell>
+      <RecentSalesCell topSellingCollection={topSellingCollection} />
+    </TableRow>
+  )
+}
+
+const SaleTableRow: FC<CollectionTableRowProps> = ({
+  collection,
+  topSellingCollection,
+  rank,
+}) => {
+  const { routePrefix } = useMarketplaceChain()
+  const isSmallDevice = useMediaQuery({ maxWidth: 900 })
+
+  const collectionImage = useMemo(() => {
+    return optimizeImage(topSellingCollection?.image as string, 250)
+  }, [topSellingCollection?.image])
+
+  if (isSmallDevice) {
+    return (
+      <Link
+        href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+        style={{ display: 'inline-block', minWidth: 0, marginBottom: 24 }}
+        key={topSellingCollection.id}
+      >
+        <Flex align="center" css={{ cursor: 'pointer' }}>
+          <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
+            {rank}
+          </Text>
+          <Img
+            src={collectionImage}
+            css={{ borderRadius: 8, width: 48, height: 48, objectFit: 'cover' }}
+            alt="Collection Image"
+            width={48}
+            height={48}
+            unoptimized
+          />
+          <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+            <Flex align="center" css={{ gap: '$2', mb: 4, maxWidth: '80%' }}>
+              <Text
+                css={{
+                  display: 'inline-block',
+                }}
+                style="subtitle1"
+                ellipsify
+              >
+                {topSellingCollection?.name}
+              </Text>
+              <OpenSeaVerified
+                openseaVerificationStatus={
+                  collection?.openseaVerificationStatus
+                }
+              />
+            </Flex>
+            <Flex align="center">
+              <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                Floor
+              </Text>
+              <FormatCryptoCurrency
+                amount={collection?.floorAsk?.price?.amount?.decimal}
+                address={collection?.floorAsk?.price?.currency?.contract}
+                decimals={collection?.floorAsk?.price?.currency?.decimals}
+                logoHeight={16}
+                maximumFractionDigits={2}
+                textStyle="subtitle2"
+              />
+            </Flex>
+          </Box>
+
+          {/* <Flex direction="column" align="end" css={{ gap: '$1' }}>
+            <FormatCryptoCurrency
+              amount={collection?.volume?.[volumeKey]}
+              maximumFractionDigits={1}
+              logoHeight={16}
+              textStyle="subtitle1"
+            />
+            {volumeKey !== 'allTime' && (
+              <PercentChange
+                value={collection?.volumeChange?.[volumeKey]}
+                decimals={1}
+              />
+            )}
+          </Flex> */}
+        </Flex>
+      </Link>
+    )
+  } else {
+    return (
+      <TableRow
+        key={topSellingCollection.id}
+        css={{
+          gridTemplateColumns: fiveTemplateColumns,
+        }}
+      >
+        <CollectionCell
+          collection={collection}
+          topSellingCollection={topSellingCollection}
+          rank={rank}
+        />
+        <TableCell>
+          <FormatCryptoCurrency
+            amount={collection?.floorAsk?.price?.amount?.decimal}
+            address={collection?.floorAsk?.price?.currency?.contract}
+            decimals={collection?.floorAsk?.price?.currency?.decimals}
+            textStyle="subtitle2"
+            logoHeight={14}
+          />
+        </TableCell>
+        <TableCell>
+          <Text style="subtitle2">
+            {formatNumber(topSellingCollection.count)}
+          </Text>
+        </TableCell>
+        <RecentSalesCell topSellingCollection={topSellingCollection} />
+      </TableRow>
+    )
+  }
+}
+
+const MintTableRow: FC<CollectionTableRowProps> = ({
+  collection,
+  topSellingCollection,
+  rank,
+}) => {
+  const mintData = collection?.mintStages?.find(
+    (stage) => stage.kind === 'public'
+  )
+  const mintPrice = mintData?.price.amount?.native || 0
+  return (
+    <TableRow
+      key={topSellingCollection.id}
+      css={{
+        gridTemplateColumns: fourTemplateColumns,
+      }}
+    >
+      <CollectionCell
+        collection={collection}
+        topSellingCollection={topSellingCollection}
+        rank={rank}
+      />
+      <TableCell>
+        {mintData ? (
+          mintPrice === 0 ? (
+            'Free'
+          ) : (
+            <FormatCryptoCurrency
+              amount={mintPrice}
+              textStyle="subtitle2"
+              logoHeight={14}
+            />
+          )
+        ) : (
+          '-'
+        )}
+      </TableCell>
+      <TableCell>
+        <Text style="subtitle2">
+          {formatNumber(topSellingCollection.count)}
+        </Text>
+      </TableCell>
+      <RecentSalesCell topSellingCollection={topSellingCollection} />
+    </TableRow>
+  )
+}
+
+const anyHeadings = [
+  'Collection',
+  'Floor Price (Including Mints)',
+  'Sales',
+  'Recent Sales',
+]
+const mintHeadings = ['Collection', 'Mint Price', 'Sales', 'Recent Sales']
+const saleHeadings = [
+  'Collection',
+  'Volume',
+  'Floor Price',
+  'Sales',
+  'Recent Sales',
+]
+
+type CollectionTableHeadingProps = {
+  fillType: FillType
+}
+
+const CollectionTableHeading: FC<CollectionTableHeadingProps> = ({
+  fillType,
+}) => {
+  let headings
+  let columns
+
+  switch (fillType) {
+    case 'mint':
+      headings = mintHeadings
+      columns = fourTemplateColumns
+      break
+    case 'sale':
+      headings = saleHeadings
+      columns = fiveTemplateColumns
+      break
+    case 'any':
+    default:
+      headings = anyHeadings
+      columns = fourTemplateColumns
+      break
+  }
+
+  return (
+    <HeaderRow
+      css={{
+        display: 'none',
+        '@md': { display: 'grid' },
+        gridTemplateColumns: columns,
+        position: 'sticky',
+        top: NAVBAR_HEIGHT,
+        backgroundColor: '$neutralBg',
+        zIndex: 1,
+      }}
+    >
+      {headings.map((heading) => (
+        <TableCell key={heading}>
+          <Text style="subtitle3" color="subtle">
+            {heading}
+          </Text>
+        </TableCell>
+      ))}
+    </HeaderRow>
+  )
+}
diff --git a/hooks/index.ts b/hooks/index.ts
index b64d99083..5a70417b4 100644
--- a/hooks/index.ts
+++ b/hooks/index.ts
@@ -4,3 +4,4 @@ export { default as useChainCurrency } from './useChainCurrency'
 export { default as useMarketplaceChain } from './useMarketplaceChain'
 export { default as useENSResolver } from './useENSResolver'
 export { default as useOpenseaFees } from './useOpenseaFees'
+export { default as useChainStats } from './useChainStats'
diff --git a/hooks/useChainStats.ts b/hooks/useChainStats.ts
new file mode 100644
index 000000000..cdea61861
--- /dev/null
+++ b/hooks/useChainStats.ts
@@ -0,0 +1,18 @@
+import { useReservoirClient } from '@reservoir0x/reservoir-kit-ui'
+import { paths } from '@reservoir0x/reservoir-sdk'
+import { ChainContext } from 'context/ChainContextProvider'
+import { useContext } from 'react'
+import useSWR from 'swr'
+
+export default () => {
+  const client = useReservoirClient()
+  const { chain } = useContext(ChainContext)
+
+  const path = `${chain?.reservoirBaseUrl}/chain/stats/v1`
+
+  return useSWR<paths['/chain/stats/v1']['get']['responses']['200']['schema']>(
+    path ? [path, chain?.apiKey, client?.version] : null,
+    null,
+    {}
+  )
+}
diff --git a/hooks/useTopSellingCollections.ts b/hooks/useTopSellingCollections.ts
new file mode 100644
index 000000000..48119ee4d
--- /dev/null
+++ b/hooks/useTopSellingCollections.ts
@@ -0,0 +1,64 @@
+import {
+  useCollections,
+  useReservoirClient,
+} from '@reservoir0x/reservoir-kit-ui'
+import { paths } from '@reservoir0x/reservoir-sdk'
+import useSWR, { SWRConfiguration } from 'swr'
+import { setParams } from '@reservoir0x/reservoir-sdk'
+import { useMemo } from 'react'
+
+type CollectionsTopSellingQuery =
+  paths['/collections/top-selling/v1']['get']['parameters']['query']
+
+export default function (
+  options?: CollectionsTopSellingQuery | false,
+  swrOptions: SWRConfiguration = {},
+  chainId?: number
+) {
+  const client = useReservoirClient()
+  const chain =
+    chainId !== undefined
+      ? client?.chains.find((chain) => chain.id === chainId)
+      : client?.currentChain()
+
+  const path = new URL(`${chain?.baseApiUrl}/collections/top-selling/v1`)
+
+  if (options) {
+    setParams(path, options)
+  }
+
+  const { data: topSellingData, ...topSellingSwr } = useSWR<
+    paths['/collections/top-selling/v1']['get']['responses']['200']['schema']
+  >(
+    path.href ? [path.href, chain?.apiKey, client?.version] : null,
+    null,
+    swrOptions
+  )
+
+  const ids = topSellingData?.collections?.map(
+    (collection) => collection.id as string
+  )
+
+  const { data: collections, isValidating: isValidatingCollections } =
+    useCollections(
+      ids && ids.length > 0
+        ? { contract: ids, includeMintStages: true }
+        : false,
+      swrOptions
+    )
+  const collectionsMap = useMemo(() => {
+    return collections.reduce((map, collection) => {
+      map[collection.id as string] = collection
+      return map
+    }, {} as Record<string, (typeof collections)[0]>)
+  }, [collections])
+  return {
+    ...topSellingSwr,
+    collections: collectionsMap,
+    data: topSellingData,
+    isValidating:
+      isValidatingCollections ||
+      (!ids?.length && !collections.length) ||
+      topSellingSwr.isValidating,
+  }
+}
diff --git a/package.json b/package.json
index cd3ab2958..ea0dcd747 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "@radix-ui/react-toggle-group": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
     "@rainbow-me/rainbowkit": "^1.0.3",
-    "@reservoir0x/reservoir-kit-ui": "1.2.0",
+    "@reservoir0x/reservoir-kit-ui": "1.2.1",
     "@sentry/nextjs": "^7.53.1",
     "@types/uuid": "^9.0.1",
     "dayjs": "^1.11.6",
diff --git a/pages/[chain]/index.tsx b/pages/[chain]/index.tsx
index a8af8b484..18abadf38 100644
--- a/pages/[chain]/index.tsx
+++ b/pages/[chain]/index.tsx
@@ -4,75 +4,75 @@ import {
   InferGetStaticPropsType,
   NextPage,
 } from 'next'
-import { Text, Flex, Box, Button } from 'components/primitives'
+import {
+  Text,
+  Flex,
+  Box,
+  Button,
+  ToggleGroup,
+  ToggleGroupItem,
+} from 'components/primitives'
 import Layout from 'components/Layout'
-import { ComponentPropsWithoutRef, useContext, useState } from 'react'
+import { useContext, useMemo, useState } from 'react'
 import { Footer } from 'components/home/Footer'
 import { useMediaQuery } from 'react-responsive'
 import { useMarketplaceChain, useMounted } from 'hooks'
 import { paths } from '@reservoir0x/reservoir-sdk'
-import { useCollections } from '@reservoir0x/reservoir-kit-ui'
 import fetcher from 'utils/fetcher'
 import { NORMALIZE_ROYALTIES } from '../_app'
 import supportedChains from 'utils/chains'
 import Link from 'next/link'
-import CollectionsTimeDropdown, {
-  CollectionsSortingOption,
-} from 'components/common/CollectionsTimeDropdown'
 import { Head } from 'components/Head'
-import { CollectionRankingsTable } from 'components/rankings/CollectionRankingsTable'
 import { ChainContext } from 'context/ChainContextProvider'
 import { Dropdown, DropdownMenuItem } from 'components/primitives/Dropdown'
-import { faChevronDown, faSprout } from '@fortawesome/free-solid-svg-icons'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useRouter } from 'next/router'
+import { ChainStats } from 'components/home/ChainStats'
+import useTopSellingCollections from 'hooks/useTopSellingCollections'
+import { CollectionTopSellingTable } from 'components/home/CollectionTopSellingTable'
 
 type Props = InferGetStaticPropsType<typeof getStaticProps>
 
 const IndexPage: NextPage<Props> = ({ ssr }) => {
   const isSSR = typeof window === 'undefined'
   const isMounted = useMounted()
-  const compactToggleNames = useMediaQuery({ query: '(max-width: 800px)' })
-  const [sortByTime, setSortByTime] =
-    useState<CollectionsSortingOption>('1DayVolume')
   const marketplaceChain = useMarketplaceChain()
   const router = useRouter()
-
-  let collectionQuery: Parameters<typeof useCollections>['0'] = {
-    limit: 10,
-    sortBy: sortByTime,
-    includeTopBid: true,
-  }
+  const [fillType, setFillType] = useState<'mint' | 'sale' | 'any'>('any')
+  const [minutesFilter, setMinutesFilter] = useState<number>(1440)
 
   const { chain, switchCurrentChain } = useContext(ChainContext)
 
-  if (chain.collectionSetId) {
-    collectionQuery.collectionsSetId = chain.collectionSetId
-  } else if (chain.community) {
-    collectionQuery.community = chain.community
-  }
-
-  const { data, isValidating } = useCollections(collectionQuery, {
-    fallbackData: [ssr.collections[marketplaceChain.id]],
-  })
-
-  let collections = data || []
+  // const { data, isValidating } = useCollections(
+  //   {},
+  //   {
+  //     fallbackData: [ssr.collections[marketplaceChain.id]],
+  //   }
+  // )
 
-  let volumeKey: ComponentPropsWithoutRef<
-    typeof CollectionRankingsTable
-  >['volumeKey'] = 'allTime'
+  const startTime = useMemo(() => {
+    const now = new Date()
+    const timestamp = Math.floor(now.getTime() / 1000)
+    return timestamp - minutesFilter * 60
+  }, [minutesFilter])
 
-  switch (sortByTime) {
-    case '1DayVolume':
-      volumeKey = '1day'
-      break
-    case '7DayVolume':
-      volumeKey = '7day'
-      break
-    case '30DayVolume':
-      volumeKey = '30day'
-      break
-  }
+  const {
+    data: topSellingCollections,
+    collections,
+    isValidating,
+  } = useTopSellingCollections(
+    {
+      startTime,
+      fillType,
+      limit: 20,
+      includeRecentSales: true,
+    },
+    {
+      revalidateOnMount: true,
+      refreshInterval: 300000,
+    }
+  )
 
   return (
     <Layout>
@@ -186,31 +186,7 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
             Multi-Chain Explorer, powered by Reservoir
           </Text>
         </Flex>
-        <Flex>
-          <Flex
-            align="center"
-            css={{
-              border: '1px solid',
-              borderColor: '$gray6',
-              p: '$4',
-              borderRadius: 8,
-              gap: '$4',
-            }}
-          >
-            <FontAwesomeIcon
-              icon={faSprout}
-              width={25}
-              height={25}
-              color="#9BA1A6"
-            />
-            <Flex direction="column">
-              <Text style="subtitle2" color="subtle">
-                7d Mints
-              </Text>
-              <Text style="h6">200,000</Text>
-            </Flex>
-          </Flex>
-        </Flex>
+        <ChainStats />
         <Flex css={{ my: '$6', gap: 65 }} direction="column">
           <Flex
             justify="between"
@@ -224,39 +200,53 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
               },
             }}
           >
-            <Text style="h4" as="h4">
-              Popular Collections
-            </Text>
-            <Flex align="center" css={{ gap: '$4' }}>
-              <CollectionsTimeDropdown
-                compact={compactToggleNames && isMounted}
-                option={sortByTime}
-                onOptionSelected={(option) => {
-                  setSortByTime(option)
-                }}
-              />
-            </Flex>
+            <ToggleGroup
+              type="single"
+              value={fillType}
+              onValueChange={(value) => setFillType(value as typeof fillType)}
+              css={{ flexShrink: 0 }}
+            >
+              <ToggleGroupItem value="any" css={{ minWidth: 160, p: '$4' }}>
+                <Text style="subtitle1">All Sales</Text>
+              </ToggleGroupItem>
+              <ToggleGroupItem value="mint" css={{ minWidth: 160, p: '$4' }}>
+                <Text style="subtitle1">Mints</Text>
+              </ToggleGroupItem>
+              <ToggleGroupItem value="sale" css={{ minWidth: 160, p: '$4' }}>
+                <Text style="subtitle1">Trades</Text>
+              </ToggleGroupItem>
+            </ToggleGroup>
+            <ToggleGroup
+              type="single"
+              value={`${minutesFilter}`}
+              onValueChange={(value) => setMinutesFilter(+value)}
+              css={{ flexShrink: 0 }}
+            >
+              <ToggleGroupItem value="5" css={{ minWidth: 80, p: '$4' }}>
+                <Text style="subtitle1">5m</Text>
+              </ToggleGroupItem>
+              <ToggleGroupItem value="30" css={{ minWidth: 80, p: '$4' }}>
+                <Text style="subtitle1">30m</Text>
+              </ToggleGroupItem>
+              <ToggleGroupItem value="60" css={{ minWidth: 80, p: '$4' }}>
+                <Text style="subtitle1">1h</Text>
+              </ToggleGroupItem>
+              <ToggleGroupItem value="360" css={{ minWidth: 80, p: '$4' }}>
+                <Text style="subtitle1">6h</Text>
+              </ToggleGroupItem>
+              <ToggleGroupItem value="1440" css={{ minWidth: 80, p: '$4' }}>
+                <Text style="subtitle1">24h</Text>
+              </ToggleGroupItem>
+            </ToggleGroup>
           </Flex>
           {isSSR || !isMounted ? null : (
-            <CollectionRankingsTable
+            <CollectionTopSellingTable
+              topSellingCollections={topSellingCollections?.collections}
               collections={collections}
               loading={isValidating}
-              volumeKey={volumeKey}
+              fillType={fillType}
             />
           )}
-          <Box css={{ alignSelf: 'center' }}>
-            <Link href={`/${marketplaceChain.routePrefix}/collection-rankings`}>
-              <Button
-                css={{
-                  minWidth: 224,
-                  justifyContent: 'center',
-                }}
-                size="large"
-              >
-                View All
-              </Button>
-            </Link>
-          </Box>
         </Flex>
         <Footer />
       </Box>
diff --git a/yarn.lock b/yarn.lock
index 9a646b130..92ce93bad 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1670,10 +1670,10 @@
   dependencies:
     "@react-hookz/deep-equal" "^1.0.3"
 
-"@reservoir0x/reservoir-kit-ui@1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@reservoir0x/reservoir-kit-ui/-/reservoir-kit-ui-1.2.0.tgz#bfa5533ea7391af116800935fa6ee7c2e7a4abdc"
-  integrity sha512-vIVeGvwOCv4+q7oBKXGpNyNuRPlwVb5vQ4xyW51Lgy66UO5gN3okFmoqzbZKm7/pameAc+wP7kolOUsB9SpT4g==
+"@reservoir0x/reservoir-kit-ui@1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@reservoir0x/reservoir-kit-ui/-/reservoir-kit-ui-1.2.1.tgz#b5a97c5eaeafc9d86cbe7bdbe021e2ec628d5f49"
+  integrity sha512-ncjZDNey5rDz8zh5nI8N3B5WKvWiBOrDOaUjTeEO40gelAdGG7qgsg6+HGKF8EjY/WbItNizx2VzY1QFl8HvTQ==
   dependencies:
     "@fortawesome/fontawesome-svg-core" "^6.1.1"
     "@fortawesome/free-solid-svg-icons" "^6.1.1"
@@ -1689,7 +1689,7 @@
     "@radix-ui/react-toggle-group" "1.0.4"
     "@radix-ui/react-tooltip" "1.0.6"
     "@react-hookz/web" "^19.2.0"
-    "@reservoir0x/reservoir-sdk" "1.1.14"
+    "@reservoir0x/reservoir-sdk" "1.1.15"
     "@stitches/react" "1.3.1-1"
     dayjs "^1.11.4"
     flatpickr "^4.6.13"
@@ -1697,10 +1697,10 @@
     react-flatpickr "^3.10.13"
     swr "2.0.1"
 
-"@reservoir0x/reservoir-sdk@1.1.14":
-  version "1.1.14"
-  resolved "https://registry.yarnpkg.com/@reservoir0x/reservoir-sdk/-/reservoir-sdk-1.1.14.tgz#2a63cfc44c273f3ee5e724467371af416c8c3ed8"
-  integrity sha512-oOKxom2X4YHskPyMYvmkyJ/8Ny20lThnuxl856yhWsv67hmms7Zg7UBTzHHk+wQ6nQm35H/oYDv7DJ2gipHJIQ==
+"@reservoir0x/reservoir-sdk@1.1.15":
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/@reservoir0x/reservoir-sdk/-/reservoir-sdk-1.1.15.tgz#6a59d0a7742ebff740e0ca76e603f958edb05cb9"
+  integrity sha512-dSaVtrToprxmaThjPiEhqGjnz2grohsm/pJ0i7wNkfkrRin0ByplgKvhWb2meitdUXiqxwOCTohqmFhfLsuBVg==
   dependencies:
     axios "^0.27.2"
 

From fbb114ea6e57a272e088d41cd508703ed3b77f5d Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Fri, 7 Jul 2023 16:13:25 -0400
Subject: [PATCH 03/12] wip: mobile styling

---
 components/home/CollectionTopSellingTable.tsx | 205 ++++++++++--------
 components/home/FillTypeToggle.tsx            | 111 ++++++++++
 components/home/TimeFilterToggle.tsx          | 123 +++++++++++
 pages/[chain]/index.tsx                       |  93 +++-----
 4 files changed, 378 insertions(+), 154 deletions(-)
 create mode 100644 components/home/FillTypeToggle.tsx
 create mode 100644 components/home/TimeFilterToggle.tsx

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index 2cfdca8f5..0574d6546 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -67,18 +67,7 @@ export const CollectionTopSellingTable: FC<Props> = ({
 
   return (
     <Flex direction="column" css={{ width: '100%', pb: '$2' }}>
-      {isSmallDevice ? (
-        <Flex justify="between" css={{ mb: '$4', '@md': { display: 'none' } }}>
-          <Text style="subtitle3" color="subtle">
-            Collection
-          </Text>
-          <Text style="subtitle3" color="subtle">
-            Volume
-          </Text>
-        </Flex>
-      ) : (
-        <CollectionTableHeading fillType={fillType} />
-      )}
+      {!isSmallDevice ? <CollectionTableHeading fillType={fillType} /> : null}
       <Flex direction="column" css={{ position: 'relative' }}>
         {topSellingCollections?.map((collection, i) => {
           switch (fillType) {
@@ -89,6 +78,7 @@ export const CollectionTopSellingTable: FC<Props> = ({
                   topSellingCollection={collection}
                   collection={collections[collection.id as string]}
                   rank={i + 1}
+                  isSmallDevice={isSmallDevice}
                 />
               )
             case 'mint':
@@ -98,6 +88,7 @@ export const CollectionTopSellingTable: FC<Props> = ({
                   topSellingCollection={collection}
                   collection={collections[collection.id as string]}
                   rank={i + 1}
+                  isSmallDevice={isSmallDevice}
                 />
               )
             case 'any':
@@ -108,6 +99,7 @@ export const CollectionTopSellingTable: FC<Props> = ({
                   topSellingCollection={collection}
                   collection={collections[collection.id as string]}
                   rank={i + 1}
+                  isSmallDevice={isSmallDevice}
                 />
               )
           }
@@ -180,7 +172,8 @@ const CollectionCell: FC<{
 
 const RecentSalesCell: FC<{
   topSellingCollection: NonNullable<Props['topSellingCollections']>[0]
-}> = ({ topSellingCollection }) => {
+  isSmallDevice: boolean
+}> = ({ topSellingCollection, isSmallDevice }) => {
   const images =
     useMemo(
       () =>
@@ -194,23 +187,28 @@ const RecentSalesCell: FC<{
     ) || []
 
   return (
-    <TableCell css={{ minWidth: 0 }}>
-      <Flex css={{ gap: '$2' }}>
-        {images.map((image) => (
-          <Img
-            src={image}
-            alt="Token Image"
-            width={56}
-            height={56}
-            unoptimized
-            css={{
-              borderRadius: 8,
-              width: 56,
-              height: 56,
-              objectFit: 'cover',
-            }}
-          />
-        ))}
+    <TableCell css={{ minWidth: 0, pb: isSmallDevice ? '$4' : '$3' }}>
+      <Flex direction="column" css={{ gap: '$2' }}>
+        <Text style="subtitle3" color="subtle">
+          Recent Activity
+        </Text>
+        <Flex css={{ gap: '$2', overflowX: 'scroll' }}>
+          {images.map((image) => (
+            <Img
+              src={image}
+              alt="Token Image"
+              width={56}
+              height={56}
+              unoptimized
+              css={{
+                borderRadius: 8,
+                width: 56,
+                height: 56,
+                objectFit: 'cover',
+              }}
+            />
+          ))}
+        </Flex>
       </Flex>
     </TableCell>
   )
@@ -224,18 +222,21 @@ type CollectionTableRowProps = {
   >[0]
   collection: ReturnType<typeof useTopSellingCollections>['collections'][0]
   rank: number
+  isSmallDevice: boolean
 }
 
 const AllSalesTableRow: FC<CollectionTableRowProps> = ({
   collection,
   topSellingCollection,
   rank,
+  isSmallDevice,
 }) => {
   const mintData = collection?.mintStages?.find(
     (stage) => stage.kind === 'public'
   )
   const mintPrice = mintData?.price.amount?.native || 0
   const floorAsk = collection?.floorAsk?.price?.amount?.native || 0
+
   return (
     <TableRow
       key={topSellingCollection.id}
@@ -274,7 +275,10 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
           {formatNumber(topSellingCollection.count)}
         </Text>
       </TableCell>
-      <RecentSalesCell topSellingCollection={topSellingCollection} />
+      <RecentSalesCell
+        topSellingCollection={topSellingCollection}
+        isSmallDevice={isSmallDevice}
+      />
     </TableRow>
   )
 }
@@ -293,71 +297,83 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
 
   if (isSmallDevice) {
     return (
-      <Link
-        href={`/${routePrefix}/collection/${topSellingCollection.id}`}
-        style={{ display: 'inline-block', minWidth: 0, marginBottom: 24 }}
-        key={topSellingCollection.id}
+      <Flex
+        direction="column"
+        css={{ borderBottom: '1px solid $gray3', pt: '$4' }}
       >
-        <Flex align="center" css={{ cursor: 'pointer' }}>
-          <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
-            {rank}
-          </Text>
-          <Img
-            src={collectionImage}
-            css={{ borderRadius: 8, width: 48, height: 48, objectFit: 'cover' }}
-            alt="Collection Image"
-            width={48}
-            height={48}
-            unoptimized
-          />
-          <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
-            <Flex align="center" css={{ gap: '$2', mb: 4, maxWidth: '80%' }}>
-              <Text
+        <Link
+          href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+          style={{ display: 'inline-block', minWidth: 0 }}
+          key={topSellingCollection.id}
+        >
+          <Flex justify="between" css={{ gap: '$3' }}>
+            <Flex align="center" css={{ cursor: 'pointer', width: '100%' }}>
+              <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
+                {rank}
+              </Text>
+              <Img
+                src={collectionImage}
                 css={{
-                  display: 'inline-block',
+                  borderRadius: 8,
+                  width: 48,
+                  height: 48,
+                  objectFit: 'cover',
                 }}
-                style="subtitle1"
-                ellipsify
-              >
-                {topSellingCollection?.name}
-              </Text>
-              <OpenSeaVerified
-                openseaVerificationStatus={
-                  collection?.openseaVerificationStatus
-                }
+                alt="Collection Image"
+                width={48}
+                height={48}
+                unoptimized
               />
+              <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+                <Flex
+                  align="center"
+                  css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
+                >
+                  <Text
+                    css={{
+                      display: 'inline-block',
+                    }}
+                    style="subtitle1"
+                    ellipsify
+                  >
+                    {topSellingCollection?.name}
+                  </Text>
+                  <OpenSeaVerified
+                    openseaVerificationStatus={
+                      collection?.openseaVerificationStatus
+                    }
+                  />
+                </Flex>
+                <Flex align="center">
+                  <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                    Floor
+                  </Text>
+                  <FormatCryptoCurrency
+                    amount={collection?.floorAsk?.price?.amount?.decimal}
+                    address={collection?.floorAsk?.price?.currency?.contract}
+                    decimals={collection?.floorAsk?.price?.currency?.decimals}
+                    logoHeight={16}
+                    maximumFractionDigits={2}
+                    textStyle="subtitle2"
+                  />
+                </Flex>
+              </Box>
             </Flex>
-            <Flex align="center">
-              <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
-                Floor
+            <Flex direction="column" css={{ gap: '$2' }}>
+              <Text style="subtitle3" color="subtle">
+                Sales
+              </Text>
+              <Text style="subtitle3">
+                {formatNumber(topSellingCollection.count)}
               </Text>
-              <FormatCryptoCurrency
-                amount={collection?.floorAsk?.price?.amount?.decimal}
-                address={collection?.floorAsk?.price?.currency?.contract}
-                decimals={collection?.floorAsk?.price?.currency?.decimals}
-                logoHeight={16}
-                maximumFractionDigits={2}
-                textStyle="subtitle2"
-              />
             </Flex>
-          </Box>
-
-          {/* <Flex direction="column" align="end" css={{ gap: '$1' }}>
-            <FormatCryptoCurrency
-              amount={collection?.volume?.[volumeKey]}
-              maximumFractionDigits={1}
-              logoHeight={16}
-              textStyle="subtitle1"
-            />
-            {volumeKey !== 'allTime' && (
-              <PercentChange
-                value={collection?.volumeChange?.[volumeKey]}
-                decimals={1}
-              />
-            )}
-          </Flex> */}
-        </Flex>
-      </Link>
+          </Flex>
+        </Link>
+        <RecentSalesCell
+          topSellingCollection={topSellingCollection}
+          isSmallDevice={isSmallDevice}
+        />
+      </Flex>
     )
   } else {
     return (
@@ -386,7 +402,10 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
             {formatNumber(topSellingCollection.count)}
           </Text>
         </TableCell>
-        <RecentSalesCell topSellingCollection={topSellingCollection} />
+        <RecentSalesCell
+          topSellingCollection={topSellingCollection}
+          isSmallDevice={isSmallDevice}
+        />
       </TableRow>
     )
   }
@@ -396,6 +415,7 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
   collection,
   topSellingCollection,
   rank,
+  isSmallDevice,
 }) => {
   const mintData = collection?.mintStages?.find(
     (stage) => stage.kind === 'public'
@@ -433,7 +453,10 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
           {formatNumber(topSellingCollection.count)}
         </Text>
       </TableCell>
-      <RecentSalesCell topSellingCollection={topSellingCollection} />
+      <RecentSalesCell
+        topSellingCollection={topSellingCollection}
+        isSmallDevice={isSmallDevice}
+      />
     </TableRow>
   )
 }
diff --git a/components/home/FillTypeToggle.tsx b/components/home/FillTypeToggle.tsx
new file mode 100644
index 000000000..e93a9f7e4
--- /dev/null
+++ b/components/home/FillTypeToggle.tsx
@@ -0,0 +1,111 @@
+import { Dispatch, FC, SetStateAction, useMemo } from 'react'
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+  Text,
+  Button,
+  Box,
+  Flex,
+} from 'components/primitives'
+import { Dropdown, DropdownMenuItem } from 'components/primitives/Dropdown'
+import { useMounted } from 'hooks'
+import { useMediaQuery } from 'react-responsive'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+
+type Props = {
+  fillType: 'mint' | 'sale' | 'any'
+  setFillType: Dispatch<SetStateAction<'any' | 'mint' | 'sale'>>
+}
+
+const fillTypesFilters = [
+  {
+    value: 'any',
+    display: 'All Sales',
+  },
+  {
+    value: 'mint',
+    display: 'Mints',
+  },
+  {
+    value: 'sale',
+    display: 'Trades',
+  },
+]
+
+export const FillTypeToggle: FC<Props> = ({ fillType, setFillType }) => {
+  const isMounted = useMounted()
+  const isSmallDevice = useMediaQuery({ maxWidth: 905 }) && isMounted
+
+  const displayFillType = useMemo(() => {
+    const currentFillType = fillTypesFilters.find(
+      (fillTypeFilter) => fillTypeFilter.value === fillType
+    )
+
+    return currentFillType?.display
+  }, [fillTypesFilters, fillType])
+
+  if (isSmallDevice) {
+    return (
+      <Dropdown
+        contentProps={{ sideOffset: 8, style: { minWidth: 120 } }}
+        trigger={
+          <Button
+            color="gray3"
+            css={{
+              px: '14px',
+              justifyContent: 'space-between',
+              minWidth: 120,
+              '@md': {
+                width: '220px',
+                minWidth: 'max-content',
+                px: '$4',
+              },
+            }}
+          >
+            <Text style="body1">{displayFillType}</Text>
+            <Box
+              css={{
+                color: '$gray10',
+                transition: 'transform',
+                '[data-state=open] &': { transform: 'rotate(180deg)' },
+              }}
+            >
+              <FontAwesomeIcon icon={faChevronDown} width={16} />
+            </Box>
+          </Button>
+        }
+      >
+        <Flex direction="column" css={{ width: '100%' }}>
+          {fillTypesFilters.map((fillType) => (
+            <DropdownMenuItem
+              key={fillType.value}
+              onClick={() => {
+                setFillType(fillType.value as Props['fillType'])
+              }}
+            >
+              {fillType.display}
+            </DropdownMenuItem>
+          ))}
+        </Flex>
+      </Dropdown>
+    )
+  }
+  return (
+    <ToggleGroup
+      type="single"
+      value={fillType}
+      onValueChange={(value) => setFillType(value as typeof fillType)}
+      css={{ flexShrink: 0 }}
+    >
+      {fillTypesFilters.map((fillType) => (
+        <ToggleGroupItem
+          value={fillType.value}
+          css={{ minWidth: 160, p: '$4' }}
+        >
+          <Text style="subtitle1">{fillType.display}</Text>
+        </ToggleGroupItem>
+      ))}
+    </ToggleGroup>
+  )
+}
diff --git a/components/home/TimeFilterToggle.tsx b/components/home/TimeFilterToggle.tsx
new file mode 100644
index 000000000..3add2f6b1
--- /dev/null
+++ b/components/home/TimeFilterToggle.tsx
@@ -0,0 +1,123 @@
+import { Dispatch, FC, SetStateAction, useMemo } from 'react'
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+  Text,
+  Button,
+  Flex,
+  Box,
+} from 'components/primitives'
+import { useMounted } from 'hooks'
+import { useMediaQuery } from 'react-responsive'
+import { Dropdown, DropdownMenuItem } from 'components/primitives/Dropdown'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+
+type Props = {
+  minutesFilter: number
+  setMinutesFilter: Dispatch<SetStateAction<number>>
+}
+
+const filterTimes = [
+  {
+    value: '5',
+    display: '5m',
+  },
+  {
+    value: '30',
+    display: '30m',
+  },
+  {
+    value: '60',
+    display: '1h',
+  },
+  {
+    value: '360',
+    display: '6h',
+  },
+  {
+    value: '1440',
+    display: '24h',
+  },
+]
+export const TimeFilterToggle: FC<Props> = ({
+  minutesFilter,
+  setMinutesFilter,
+}) => {
+  const isMounted = useMounted()
+  const isSmallDevice = useMediaQuery({ maxWidth: 905 }) && isMounted
+
+  const displayTime = useMemo(() => {
+    const timeFilter = filterTimes.find(
+      (time) => Number(time.value) === minutesFilter
+    )
+
+    return timeFilter?.display
+  }, [filterTimes, minutesFilter])
+
+  if (isSmallDevice) {
+    return (
+      <Dropdown
+        contentProps={{ sideOffset: 8, style: { minWidth: 120 } }}
+        trigger={
+          <Button
+            color="gray3"
+            css={{
+              px: '14px',
+              justifyContent: 'space-between',
+              minWidth: 120,
+              '@md': {
+                width: '220px',
+                minWidth: 'max-content',
+                px: '$4',
+              },
+            }}
+          >
+            <Text style="body1">{displayTime}</Text>
+            <Box
+              css={{
+                color: '$gray10',
+                transition: 'transform',
+                '[data-state=open] &': { transform: 'rotate(180deg)' },
+              }}
+            >
+              <FontAwesomeIcon icon={faChevronDown} width={16} />
+            </Box>
+          </Button>
+        }
+      >
+        <Flex direction="column" css={{ width: '100%' }}>
+          {filterTimes.map((time) => (
+            <DropdownMenuItem
+              key={time.value}
+              onClick={() => {
+                setMinutesFilter(+time.value)
+              }}
+            >
+              {time.display}
+            </DropdownMenuItem>
+          ))}
+        </Flex>
+      </Dropdown>
+    )
+  }
+
+  return (
+    <ToggleGroup
+      type="single"
+      value={`${minutesFilter}`}
+      onValueChange={(value) => setMinutesFilter(+value)}
+      css={{ flexShrink: 0 }}
+    >
+      {filterTimes.map((time) => (
+        <ToggleGroupItem
+          key={time.value}
+          value={time.value}
+          css={{ minWidth: 80, p: '$4' }}
+        >
+          <Text style="subtitle1">{time.display}</Text>
+        </ToggleGroupItem>
+      ))}
+    </ToggleGroup>
+  )
+}
diff --git a/pages/[chain]/index.tsx b/pages/[chain]/index.tsx
index 18abadf38..4e4833f2a 100644
--- a/pages/[chain]/index.tsx
+++ b/pages/[chain]/index.tsx
@@ -4,14 +4,7 @@ import {
   InferGetStaticPropsType,
   NextPage,
 } from 'next'
-import {
-  Text,
-  Flex,
-  Box,
-  Button,
-  ToggleGroup,
-  ToggleGroupItem,
-} from 'components/primitives'
+import { Text, Flex, Box } from 'components/primitives'
 import Layout from 'components/Layout'
 import { useContext, useMemo, useState } from 'react'
 import { Footer } from 'components/home/Footer'
@@ -21,7 +14,6 @@ import { paths } from '@reservoir0x/reservoir-sdk'
 import fetcher from 'utils/fetcher'
 import { NORMALIZE_ROYALTIES } from '../_app'
 import supportedChains from 'utils/chains'
-import Link from 'next/link'
 import { Head } from 'components/Head'
 import { ChainContext } from 'context/ChainContextProvider'
 import { Dropdown, DropdownMenuItem } from 'components/primitives/Dropdown'
@@ -31,12 +23,15 @@ import { useRouter } from 'next/router'
 import { ChainStats } from 'components/home/ChainStats'
 import useTopSellingCollections from 'hooks/useTopSellingCollections'
 import { CollectionTopSellingTable } from 'components/home/CollectionTopSellingTable'
+import { FillTypeToggle } from 'components/home/FillTypeToggle'
+import { TimeFilterToggle } from 'components/home/TimeFilterToggle'
 
 type Props = InferGetStaticPropsType<typeof getStaticProps>
 
 const IndexPage: NextPage<Props> = ({ ssr }) => {
   const isSSR = typeof window === 'undefined'
   const isMounted = useMounted()
+  const isSmallDevice = useMediaQuery({ maxWidth: 905 }) && isMounted
   const marketplaceChain = useMarketplaceChain()
   const router = useRouter()
   const [fillType, setFillType] = useState<'mint' | 'sale' | 'any'>('any')
@@ -142,12 +137,15 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
                     <Text style="h3" ellipsify>
                       {' ' + marketplaceChain.name}
                     </Text>
-                    <FontAwesomeIcon
-                      icon={faChevronDown}
-                      width={16}
-                      height={16}
-                      color="#9BA1A6"
-                    />
+                    <Box
+                      css={{
+                        color: '$gray10',
+                        transition: 'transform',
+                        '[data-state=open] &': { transform: 'rotate(180deg)' },
+                      }}
+                    >
+                      <FontAwesomeIcon icon={faChevronDown} width={16} />
+                    </Box>
                   </Flex>
                 }
               >
@@ -182,62 +180,31 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
               </Dropdown>
             </Flex>
           </Flex>
-          <Text style="body1" color="subtle" css={{ mb: 48 }}>
+          <Text
+            style="body1"
+            color="subtle"
+            css={{ mb: 48, textAlign: 'left' }}
+          >
             Multi-Chain Explorer, powered by Reservoir
           </Text>
         </Flex>
-        <ChainStats />
-        <Flex css={{ my: '$6', gap: 65 }} direction="column">
+        {!isSmallDevice ? <ChainStats /> : null}
+        <Flex
+          css={{ mb: '$6', '@sm': { my: '$6' }, gap: 32 }}
+          direction="column"
+        >
           <Flex
             justify="between"
-            align="start"
+            align="center"
             css={{
-              flexDirection: 'column',
-              gap: 24,
-              '@bp800': {
-                alignItems: 'center',
-                flexDirection: 'row',
-              },
+              gap: '$2',
             }}
           >
-            <ToggleGroup
-              type="single"
-              value={fillType}
-              onValueChange={(value) => setFillType(value as typeof fillType)}
-              css={{ flexShrink: 0 }}
-            >
-              <ToggleGroupItem value="any" css={{ minWidth: 160, p: '$4' }}>
-                <Text style="subtitle1">All Sales</Text>
-              </ToggleGroupItem>
-              <ToggleGroupItem value="mint" css={{ minWidth: 160, p: '$4' }}>
-                <Text style="subtitle1">Mints</Text>
-              </ToggleGroupItem>
-              <ToggleGroupItem value="sale" css={{ minWidth: 160, p: '$4' }}>
-                <Text style="subtitle1">Trades</Text>
-              </ToggleGroupItem>
-            </ToggleGroup>
-            <ToggleGroup
-              type="single"
-              value={`${minutesFilter}`}
-              onValueChange={(value) => setMinutesFilter(+value)}
-              css={{ flexShrink: 0 }}
-            >
-              <ToggleGroupItem value="5" css={{ minWidth: 80, p: '$4' }}>
-                <Text style="subtitle1">5m</Text>
-              </ToggleGroupItem>
-              <ToggleGroupItem value="30" css={{ minWidth: 80, p: '$4' }}>
-                <Text style="subtitle1">30m</Text>
-              </ToggleGroupItem>
-              <ToggleGroupItem value="60" css={{ minWidth: 80, p: '$4' }}>
-                <Text style="subtitle1">1h</Text>
-              </ToggleGroupItem>
-              <ToggleGroupItem value="360" css={{ minWidth: 80, p: '$4' }}>
-                <Text style="subtitle1">6h</Text>
-              </ToggleGroupItem>
-              <ToggleGroupItem value="1440" css={{ minWidth: 80, p: '$4' }}>
-                <Text style="subtitle1">24h</Text>
-              </ToggleGroupItem>
-            </ToggleGroup>
+            <FillTypeToggle fillType={fillType} setFillType={setFillType} />
+            <TimeFilterToggle
+              minutesFilter={minutesFilter}
+              setMinutesFilter={setMinutesFilter}
+            />
           </Flex>
           {isSSR || !isMounted ? null : (
             <CollectionTopSellingTable

From 1027cf4cb05e6a2a4801ae15acdede3818ef55ea Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Mon, 10 Jul 2023 15:02:32 -0400
Subject: [PATCH 04/12] Fixed homepage chain switcher bug

---
 components/home/CollectionTopSellingTable.tsx |  37 +++---
 hooks/useTopSellingCollections.ts             |   1 +
 pages/[chain]/index.tsx                       | 106 +++++-------------
 3 files changed, 39 insertions(+), 105 deletions(-)

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index 0574d6546..bc14439f8 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -33,7 +33,7 @@ type Props = {
 }
 
 const fourTemplateColumns = '1.5fr 1fr 1fr 1.5fr'
-const fiveTemplateColumns = '1.5fr 1fr 1fr 1.5fr'
+const fiveTemplateColumns = '1.6fr 1fr 1fr 1fr 1.6fr'
 
 export const CollectionTopSellingTable: FC<Props> = ({
   topSellingCollections,
@@ -43,14 +43,7 @@ export const CollectionTopSellingTable: FC<Props> = ({
 }) => {
   const isSmallDevice = useMediaQuery({ maxWidth: 900 })
 
-  if (loading) {
-    return null
-  }
-
-  if (
-    topSellingCollections?.length === 0 ||
-    Object.entries(collections).length === 0
-  ) {
+  if (!loading && topSellingCollections?.length === 0) {
     return (
       <Flex
         direction="column"
@@ -189,10 +182,12 @@ const RecentSalesCell: FC<{
   return (
     <TableCell css={{ minWidth: 0, pb: isSmallDevice ? '$4' : '$3' }}>
       <Flex direction="column" css={{ gap: '$2' }}>
-        <Text style="subtitle3" color="subtle">
-          Recent Activity
-        </Text>
-        <Flex css={{ gap: '$2', overflowX: 'scroll' }}>
+        {isSmallDevice ? (
+          <Text style="subtitle3" color="subtle">
+            Recent Activity
+          </Text>
+        ) : null}
+        <Flex css={{ gap: '$2', overflowX: 'auto' }}>
           {images.map((image) => (
             <Img
               src={image}
@@ -380,7 +375,7 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
       <TableRow
         key={topSellingCollection.id}
         css={{
-          gridTemplateColumns: fiveTemplateColumns,
+          gridTemplateColumns: fourTemplateColumns,
         }}
       >
         <CollectionCell
@@ -465,16 +460,10 @@ const anyHeadings = [
   'Collection',
   'Floor Price (Including Mints)',
   'Sales',
-  'Recent Sales',
-]
-const mintHeadings = ['Collection', 'Mint Price', 'Sales', 'Recent Sales']
-const saleHeadings = [
-  'Collection',
-  'Volume',
-  'Floor Price',
-  'Sales',
-  'Recent Sales',
+  'Recent Activity',
 ]
+const mintHeadings = ['Collection', 'Mint Price', 'Sales', 'Recent Activity']
+const saleHeadings = ['Collection', 'Floor Price', 'Sales', 'Recent Activity']
 
 type CollectionTableHeadingProps = {
   fillType: FillType
@@ -493,7 +482,7 @@ const CollectionTableHeading: FC<CollectionTableHeadingProps> = ({
       break
     case 'sale':
       headings = saleHeadings
-      columns = fiveTemplateColumns
+      columns = fourTemplateColumns
       break
     case 'any':
     default:
diff --git a/hooks/useTopSellingCollections.ts b/hooks/useTopSellingCollections.ts
index 48119ee4d..bb5771b5c 100644
--- a/hooks/useTopSellingCollections.ts
+++ b/hooks/useTopSellingCollections.ts
@@ -46,6 +46,7 @@ export default function (
         : false,
       swrOptions
     )
+
   const collectionsMap = useMemo(() => {
     return collections.reduce((map, collection) => {
       map[collection.id as string] = collection
diff --git a/pages/[chain]/index.tsx b/pages/[chain]/index.tsx
index 4e4833f2a..fa05c9cf3 100644
--- a/pages/[chain]/index.tsx
+++ b/pages/[chain]/index.tsx
@@ -1,18 +1,10 @@
-import {
-  GetStaticPaths,
-  GetStaticProps,
-  InferGetStaticPropsType,
-  NextPage,
-} from 'next'
+import { NextPage } from 'next'
 import { Text, Flex, Box } from 'components/primitives'
 import Layout from 'components/Layout'
-import { useContext, useMemo, useState } from 'react'
+import { useContext, useEffect, useMemo, useState } from 'react'
 import { Footer } from 'components/home/Footer'
 import { useMediaQuery } from 'react-responsive'
 import { useMarketplaceChain, useMounted } from 'hooks'
-import { paths } from '@reservoir0x/reservoir-sdk'
-import fetcher from 'utils/fetcher'
-import { NORMALIZE_ROYALTIES } from '../_app'
 import supportedChains from 'utils/chains'
 import { Head } from 'components/Head'
 import { ChainContext } from 'context/ChainContextProvider'
@@ -26,9 +18,9 @@ import { CollectionTopSellingTable } from 'components/home/CollectionTopSellingT
 import { FillTypeToggle } from 'components/home/FillTypeToggle'
 import { TimeFilterToggle } from 'components/home/TimeFilterToggle'
 
-type Props = InferGetStaticPropsType<typeof getStaticProps>
+type Props = {}
 
-const IndexPage: NextPage<Props> = ({ ssr }) => {
+const IndexPage: NextPage<Props> = ({}) => {
   const isSSR = typeof window === 'undefined'
   const isMounted = useMounted()
   const isSmallDevice = useMediaQuery({ maxWidth: 905 }) && isMounted
@@ -36,16 +28,14 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
   const router = useRouter()
   const [fillType, setFillType] = useState<'mint' | 'sale' | 'any'>('any')
   const [minutesFilter, setMinutesFilter] = useState<number>(1440)
+  const [topSellingCollections, setTopSellingCollections] =
+    useState<ReturnType<typeof useTopSellingCollections>['data']>(undefined)
+  const [collections, setCollections] = useState<
+    ReturnType<typeof useTopSellingCollections>['collections']
+  >({})
 
   const { chain, switchCurrentChain } = useContext(ChainContext)
 
-  // const { data, isValidating } = useCollections(
-  //   {},
-  //   {
-  //     fallbackData: [ssr.collections[marketplaceChain.id]],
-  //   }
-  // )
-
   const startTime = useMemo(() => {
     const now = new Date()
     const timestamp = Math.floor(now.getTime() / 1000)
@@ -53,8 +43,8 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
   }, [minutesFilter])
 
   const {
-    data: topSellingCollections,
-    collections,
+    data,
+    collections: collectionsData,
     isValidating,
   } = useTopSellingCollections(
     {
@@ -66,9 +56,17 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
     {
       revalidateOnMount: true,
       refreshInterval: 300000,
-    }
+    },
+    chain?.id
   )
 
+  useEffect(() => {
+    if (!isValidating) {
+      setTopSellingCollections(data)
+      setCollections(collectionsData)
+    }
+  }, [data, collectionsData, isValidating])
+
   return (
     <Layout>
       <Head />
@@ -157,12 +155,12 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
                       }}
                       key={id}
                       onClick={() => {
-                        const newUrl = router.asPath.replace(
-                          chain.routePrefix,
-                          routePrefix
-                        )
                         switchCurrentChain(id)
-                        router.replace(newUrl, undefined, { scroll: false })
+
+                        router.replace(routePrefix, undefined, {
+                          scroll: false,
+                          shallow: true,
+                        })
                       }}
                     >
                       <Text
@@ -221,58 +219,4 @@ const IndexPage: NextPage<Props> = ({ ssr }) => {
   )
 }
 
-export const getStaticPaths: GetStaticPaths = async () => {
-  return {
-    paths: [],
-    fallback: 'blocking',
-  }
-}
-
-type CollectionSchema =
-  paths['/collections/v5']['get']['responses']['200']['schema']
-type ChainCollections = Record<string, CollectionSchema>
-
-export const getStaticProps: GetStaticProps<{
-  ssr: {
-    collections: ChainCollections
-  }
-}> = async () => {
-  let collectionQuery: paths['/collections/v5']['get']['parameters']['query'] =
-    {
-      sortBy: '1DayVolume',
-      normalizeRoyalties: NORMALIZE_ROYALTIES,
-      includeTopBid: true,
-      limit: 10,
-    }
-
-  const promises: ReturnType<typeof fetcher>[] = []
-  supportedChains.forEach((chain) => {
-    const query = { ...collectionQuery }
-    if (chain.collectionSetId) {
-      query.collectionsSetId = chain.collectionSetId
-    } else if (chain.community) {
-      query.community = chain.community
-    }
-    promises.push(
-      fetcher(`${chain.reservoirBaseUrl}/collections/v5`, query, {
-        headers: {
-          'x-api-key': chain.apiKey || '',
-        },
-      })
-    )
-  })
-  const responses = await Promise.allSettled(promises)
-  const collections: ChainCollections = {}
-  responses.forEach((response, i) => {
-    if (response.status === 'fulfilled') {
-      collections[supportedChains[i].id] = response.value.data
-    }
-  })
-
-  return {
-    props: { ssr: { collections } },
-    revalidate: 5,
-  }
-}
-
 export default IndexPage

From 7be15fd6218f5217fccc495b6869863a44c657fd Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Mon, 10 Jul 2023 19:32:47 -0400
Subject: [PATCH 05/12] Finish mobile styling

---
 components/home/CollectionTopSellingTable.tsx | 283 +++++++++++++++---
 components/home/FillTypeToggle.tsx            |   1 +
 2 files changed, 240 insertions(+), 44 deletions(-)

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index bc14439f8..6483bf308 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -180,16 +180,22 @@ const RecentSalesCell: FC<{
     ) || []
 
   return (
-    <TableCell css={{ minWidth: 0, pb: isSmallDevice ? '$4' : '$3' }}>
+    <TableCell
+      css={{
+        minWidth: 0,
+        pb: images?.length > 0 ? (isSmallDevice ? '$4' : '$3') : 0,
+      }}
+    >
       <Flex direction="column" css={{ gap: '$2' }}>
-        {isSmallDevice ? (
+        {isSmallDevice && images?.length > 0 ? (
           <Text style="subtitle3" color="subtle">
             Recent Activity
           </Text>
         ) : null}
         <Flex css={{ gap: '$2', overflowX: 'auto' }}>
-          {images.map((image) => (
+          {images.map((image, idx) => (
             <Img
+              key={idx}
               src={image}
               alt="Token Image"
               width={56}
@@ -232,59 +238,149 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
   const mintPrice = mintData?.price.amount?.native || 0
   const floorAsk = collection?.floorAsk?.price?.amount?.native || 0
 
-  return (
-    <TableRow
-      key={topSellingCollection.id}
-      css={{
-        gridTemplateColumns: fourTemplateColumns,
-      }}
-    >
-      <CollectionCell
-        collection={collection}
-        topSellingCollection={topSellingCollection}
-        rank={rank}
-      />
-      <TableCell>
-        {mintPrice < floorAsk ? (
-          mintPrice === 0 ? (
-            'Free'
+  const { routePrefix } = useMarketplaceChain()
+
+  const collectionImage = useMemo(() => {
+    return optimizeImage(topSellingCollection?.image as string, 250)
+  }, [topSellingCollection?.image])
+
+  if (isSmallDevice) {
+    return (
+      <Flex
+        direction="column"
+        css={{ borderBottom: '1px solid $gray3', pt: '$4' }}
+      >
+        <Link
+          href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+          style={{ display: 'inline-block', minWidth: 0 }}
+          key={topSellingCollection.id}
+        >
+          <Flex justify="between" css={{ gap: '$3' }}>
+            <Flex
+              align="center"
+              css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
+            >
+              <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
+                {rank}
+              </Text>
+              <Img
+                src={collectionImage}
+                css={{
+                  borderRadius: 8,
+                  width: 48,
+                  height: 48,
+                  objectFit: 'cover',
+                }}
+                alt="Collection Image"
+                width={48}
+                height={48}
+                unoptimized
+              />
+              <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+                <Flex
+                  align="center"
+                  css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
+                >
+                  <Text
+                    css={{
+                      display: 'inline-block',
+                    }}
+                    style="subtitle1"
+                    ellipsify
+                  >
+                    {topSellingCollection?.name}
+                  </Text>
+                  <OpenSeaVerified
+                    openseaVerificationStatus={
+                      collection?.openseaVerificationStatus
+                    }
+                  />
+                </Flex>
+                <Flex align="center">
+                  <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                    Floor
+                  </Text>
+                  <FormatCryptoCurrency
+                    amount={collection?.floorAsk?.price?.amount?.decimal}
+                    address={collection?.floorAsk?.price?.currency?.contract}
+                    decimals={collection?.floorAsk?.price?.currency?.decimals}
+                    logoHeight={16}
+                    maximumFractionDigits={2}
+                    textStyle="subtitle2"
+                  />
+                </Flex>
+              </Box>
+            </Flex>
+            <Flex direction="column" css={{ gap: '$2' }}>
+              <Text style="subtitle3" color="subtle">
+                Sales
+              </Text>
+              <Text style="subtitle3">
+                {formatNumber(topSellingCollection.count)}
+              </Text>
+            </Flex>
+          </Flex>
+        </Link>
+        <RecentSalesCell
+          topSellingCollection={topSellingCollection}
+          isSmallDevice={isSmallDevice}
+        />
+      </Flex>
+    )
+  } else
+    return (
+      <TableRow
+        key={topSellingCollection.id}
+        css={{
+          gridTemplateColumns: fourTemplateColumns,
+        }}
+      >
+        <CollectionCell
+          collection={collection}
+          topSellingCollection={topSellingCollection}
+          rank={rank}
+        />
+        <TableCell>
+          {mintPrice < floorAsk ? (
+            mintPrice === 0 ? (
+              'Free'
+            ) : (
+              <FormatCryptoCurrency
+                amount={mintPrice}
+                textStyle="subtitle2"
+                logoHeight={14}
+              />
+            )
           ) : (
             <FormatCryptoCurrency
-              amount={mintPrice}
+              amount={collection?.floorAsk?.price?.amount?.decimal}
+              address={collection?.floorAsk?.price?.currency?.contract}
+              decimals={collection?.floorAsk?.price?.currency?.decimals}
               textStyle="subtitle2"
               logoHeight={14}
             />
-          )
-        ) : (
-          <FormatCryptoCurrency
-            amount={collection?.floorAsk?.price?.amount?.decimal}
-            address={collection?.floorAsk?.price?.currency?.contract}
-            decimals={collection?.floorAsk?.price?.currency?.decimals}
-            textStyle="subtitle2"
-            logoHeight={14}
-          />
-        )}
-      </TableCell>
-      <TableCell>
-        <Text style="subtitle2">
-          {formatNumber(topSellingCollection.count)}
-        </Text>
-      </TableCell>
-      <RecentSalesCell
-        topSellingCollection={topSellingCollection}
-        isSmallDevice={isSmallDevice}
-      />
-    </TableRow>
-  )
+          )}
+        </TableCell>
+        <TableCell>
+          <Text style="subtitle2">
+            {formatNumber(topSellingCollection.count)}
+          </Text>
+        </TableCell>
+        <RecentSalesCell
+          topSellingCollection={topSellingCollection}
+          isSmallDevice={isSmallDevice}
+        />
+      </TableRow>
+    )
 }
 
 const SaleTableRow: FC<CollectionTableRowProps> = ({
   collection,
   topSellingCollection,
   rank,
+  isSmallDevice,
 }) => {
   const { routePrefix } = useMarketplaceChain()
-  const isSmallDevice = useMediaQuery({ maxWidth: 900 })
 
   const collectionImage = useMemo(() => {
     return optimizeImage(topSellingCollection?.image as string, 250)
@@ -302,7 +398,10 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
           key={topSellingCollection.id}
         >
           <Flex justify="between" css={{ gap: '$3' }}>
-            <Flex align="center" css={{ cursor: 'pointer', width: '100%' }}>
+            <Flex
+              align="center"
+              css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
+            >
               <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
                 {rank}
               </Text>
@@ -412,10 +511,106 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
   rank,
   isSmallDevice,
 }) => {
+  const { routePrefix } = useMarketplaceChain()
+
   const mintData = collection?.mintStages?.find(
     (stage) => stage.kind === 'public'
   )
   const mintPrice = mintData?.price.amount?.native || 0
+
+  const collectionImage = useMemo(() => {
+    return optimizeImage(topSellingCollection?.image as string, 250)
+  }, [topSellingCollection?.image])
+
+  if (isSmallDevice) {
+    return (
+      <Flex
+        direction="column"
+        css={{ borderBottom: '1px solid $gray3', pt: '$4' }}
+      >
+        <Link
+          href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+          style={{ display: 'inline-block', minWidth: 0 }}
+          key={topSellingCollection.id}
+        >
+          <Flex justify="between" css={{ gap: '$3' }}>
+            <Flex
+              align="center"
+              css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
+            >
+              <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
+                {rank}
+              </Text>
+              <Img
+                src={collectionImage}
+                css={{
+                  borderRadius: 8,
+                  width: 48,
+                  height: 48,
+                  objectFit: 'cover',
+                }}
+                alt="Collection Image"
+                width={48}
+                height={48}
+                unoptimized
+              />
+              <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+                <Flex
+                  align="center"
+                  css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
+                >
+                  <Text
+                    css={{
+                      display: 'inline-block',
+                    }}
+                    style="subtitle1"
+                    ellipsify
+                  >
+                    {topSellingCollection?.name}
+                  </Text>
+                  <OpenSeaVerified
+                    openseaVerificationStatus={
+                      collection?.openseaVerificationStatus
+                    }
+                  />
+                </Flex>
+                <Flex align="center">
+                  <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                    Mint Price
+                  </Text>
+                  {mintData ? (
+                    mintPrice === 0 ? (
+                      <Text style="body3">Free</Text>
+                    ) : (
+                      <FormatCryptoCurrency
+                        amount={mintPrice}
+                        textStyle="body3"
+                        logoHeight={14}
+                      />
+                    )
+                  ) : (
+                    '-'
+                  )}
+                </Flex>
+              </Box>
+            </Flex>
+            <Flex direction="column" css={{ gap: '$2' }}>
+              <Text style="subtitle3" color="subtle">
+                Sales
+              </Text>
+              <Text style="subtitle3">
+                {formatNumber(topSellingCollection.count)}
+              </Text>
+            </Flex>
+          </Flex>
+        </Link>
+        <RecentSalesCell
+          topSellingCollection={topSellingCollection}
+          isSmallDevice={isSmallDevice}
+        />
+      </Flex>
+    )
+  }
   return (
     <TableRow
       key={topSellingCollection.id}
diff --git a/components/home/FillTypeToggle.tsx b/components/home/FillTypeToggle.tsx
index e93a9f7e4..854464d73 100644
--- a/components/home/FillTypeToggle.tsx
+++ b/components/home/FillTypeToggle.tsx
@@ -100,6 +100,7 @@ export const FillTypeToggle: FC<Props> = ({ fillType, setFillType }) => {
     >
       {fillTypesFilters.map((fillType) => (
         <ToggleGroupItem
+          key={fillType.value}
           value={fillType.value}
           css={{ minWidth: 160, p: '$4' }}
         >

From 39fd2b5a729658ea44a311a25e0987b246884fe9 Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Tue, 11 Jul 2023 16:59:58 -0400
Subject: [PATCH 06/12] Added ssr support to homepage and fixed infinite
 rerendering bug

---
 components/home/CollectionTopSellingTable.tsx |  1 -
 pages/[chain]/index.tsx                       | 94 ++++++++++++++++---
 2 files changed, 83 insertions(+), 12 deletions(-)

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index 6483bf308..4e2eb831c 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -1,6 +1,5 @@
 import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { useCollections } from '@reservoir0x/reservoir-kit-ui'
 import { OpenSeaVerified } from 'components/common/OpenSeaVerified'
 import { NAVBAR_HEIGHT } from 'components/navbar'
 import {
diff --git a/pages/[chain]/index.tsx b/pages/[chain]/index.tsx
index fa05c9cf3..f247f2312 100644
--- a/pages/[chain]/index.tsx
+++ b/pages/[chain]/index.tsx
@@ -1,6 +1,12 @@
-import { NextPage } from 'next'
+import {
+  GetStaticPaths,
+  GetStaticProps,
+  InferGetStaticPropsType,
+  NextPage,
+} from 'next'
 import { Text, Flex, Box } from 'components/primitives'
 import Layout from 'components/Layout'
+import { paths } from '@reservoir0x/reservoir-sdk'
 import { useContext, useEffect, useMemo, useState } from 'react'
 import { Footer } from 'components/home/Footer'
 import { useMediaQuery } from 'react-responsive'
@@ -17,10 +23,11 @@ import useTopSellingCollections from 'hooks/useTopSellingCollections'
 import { CollectionTopSellingTable } from 'components/home/CollectionTopSellingTable'
 import { FillTypeToggle } from 'components/home/FillTypeToggle'
 import { TimeFilterToggle } from 'components/home/TimeFilterToggle'
+import fetcher from 'utils/fetcher'
 
-type Props = {}
+type Props = InferGetStaticPropsType<typeof getStaticProps>
 
-const IndexPage: NextPage<Props> = ({}) => {
+const IndexPage: NextPage<Props> = ({ ssr }) => {
   const isSSR = typeof window === 'undefined'
   const isMounted = useMounted()
   const isSmallDevice = useMediaQuery({ maxWidth: 905 }) && isMounted
@@ -28,11 +35,6 @@ const IndexPage: NextPage<Props> = ({}) => {
   const router = useRouter()
   const [fillType, setFillType] = useState<'mint' | 'sale' | 'any'>('any')
   const [minutesFilter, setMinutesFilter] = useState<number>(1440)
-  const [topSellingCollections, setTopSellingCollections] =
-    useState<ReturnType<typeof useTopSellingCollections>['data']>(undefined)
-  const [collections, setCollections] = useState<
-    ReturnType<typeof useTopSellingCollections>['collections']
-  >({})
 
   const { chain, switchCurrentChain } = useContext(ChainContext)
 
@@ -43,7 +45,7 @@ const IndexPage: NextPage<Props> = ({}) => {
   }, [minutesFilter])
 
   const {
-    data,
+    data: topSellingCollectionsData,
     collections: collectionsData,
     isValidating,
   } = useTopSellingCollections(
@@ -56,16 +58,27 @@ const IndexPage: NextPage<Props> = ({}) => {
     {
       revalidateOnMount: true,
       refreshInterval: 300000,
+      fallbackData: [
+        ssr.topSellingCollections[marketplaceChain.id].collections,
+      ],
     },
     chain?.id
   )
 
+  const [topSellingCollections, setTopSellingCollections] = useState<
+    ReturnType<typeof useTopSellingCollections>['data']
+  >(ssr.topSellingCollections[marketplaceChain.id])
+  const [collections, setCollections] =
+    useState<ReturnType<typeof useTopSellingCollections>['collections']>(
+      collectionsData
+    )
+
   useEffect(() => {
     if (!isValidating) {
-      setTopSellingCollections(data)
+      setTopSellingCollections(topSellingCollectionsData)
       setCollections(collectionsData)
     }
-  }, [data, collectionsData, isValidating])
+  }, [isValidating])
 
   return (
     <Layout>
@@ -219,4 +232,63 @@ const IndexPage: NextPage<Props> = ({}) => {
   )
 }
 
+export const getStaticPaths: GetStaticPaths = async () => {
+  return {
+    paths: [],
+    fallback: 'blocking',
+  }
+}
+
+type TopSellingCollectionsSchema =
+  paths['/collections/top-selling/v1']['get']['responses']['200']['schema']
+
+type ChainTopSellingCollections = Record<string, TopSellingCollectionsSchema>
+
+type CollectionSchema =
+  paths['/collections/v5']['get']['responses']['200']['schema']
+type ChainCollections = Record<string, CollectionSchema>
+
+export const getStaticProps: GetStaticProps<{
+  ssr: {
+    topSellingCollections: ChainTopSellingCollections
+  }
+}> = async () => {
+  const now = new Date()
+  const timestamp = Math.floor(now.getTime() / 1000)
+  const startTime = timestamp - 1440 * 60 // 24hrs ago
+
+  let topSellingCollectionsQuery: paths['/collections/top-selling/v1']['get']['parameters']['query'] =
+    {
+      startTime: startTime,
+      fillType: 'any',
+      limit: 20,
+      includeRecentSales: true,
+    }
+
+  const promises: ReturnType<typeof fetcher>[] = []
+  supportedChains.forEach((chain) => {
+    const query = { ...topSellingCollectionsQuery }
+
+    promises.push(
+      fetcher(`${chain.reservoirBaseUrl}/collections/top-selling/v1`, query, {
+        headers: {
+          'x-api-key': chain.apiKey || '',
+        },
+      })
+    )
+  })
+  const responses = await Promise.allSettled(promises)
+  const topSellingCollections: ChainCollections = {}
+  responses.forEach((response, i) => {
+    if (response.status === 'fulfilled') {
+      topSellingCollections[supportedChains[i].id] = response.value.data
+    }
+  })
+
+  return {
+    props: { ssr: { topSellingCollections } },
+    revalidate: 5,
+  }
+}
+
 export default IndexPage

From 8390927c99d5d84f237e8d91b567db2fea21016c Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Wed, 12 Jul 2023 10:22:12 -0400
Subject: [PATCH 07/12] Right align last column, fix price mismatches

---
 components/home/CollectionTopSellingTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index 4e2eb831c..9baebf56e 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -31,7 +31,7 @@ type Props = {
   fillType: FillType
 }
 
-const fourTemplateColumns = '1.5fr 1fr 1fr 1.5fr'
+const fourTemplateColumns = '1.5fr 1fr 1fr 324px'
 const fiveTemplateColumns = '1.6fr 1fr 1fr 1fr 1.6fr'
 
 export const CollectionTopSellingTable: FC<Props> = ({
@@ -340,7 +340,7 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
           rank={rank}
         />
         <TableCell>
-          {mintPrice < floorAsk ? (
+          {mintData && mintPrice < floorAsk ? (
             mintPrice === 0 ? (
               'Free'
             ) : (

From 97cef765490091c77a4330ee67620242d1434f17 Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Wed, 12 Jul 2023 12:17:36 -0400
Subject: [PATCH 08/12] use collection image as fallback, display token name in
 tooltip

---
 components/home/CollectionTopSellingTable.tsx | 68 +++++++++++--------
 1 file changed, 40 insertions(+), 28 deletions(-)

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index 9baebf56e..3ce31bb49 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -10,6 +10,7 @@ import {
   TableCell,
   TableRow,
   Text,
+  Tooltip,
 } from 'components/primitives'
 import Img from 'components/primitives/Img'
 import { useMarketplaceChain } from 'hooks'
@@ -163,50 +164,55 @@ const CollectionCell: FC<{
 }
 
 const RecentSalesCell: FC<{
+  collection: NonNullable<Props['collections']>[0]
   topSellingCollection: NonNullable<Props['topSellingCollections']>[0]
   isSmallDevice: boolean
-}> = ({ topSellingCollection, isSmallDevice }) => {
-  const images =
-    useMemo(
-      () =>
-        topSellingCollection?.recentSales?.reduce((images, sale) => {
-          if (sale?.token?.image && images.length < 5) {
-            images.push(optimizeImage(sale.token.image as string, 100))
-          }
-          return images
-        }, [] as string[]),
-      [topSellingCollection]
-    ) || []
+}> = ({ collection, topSellingCollection, isSmallDevice }) => {
+  const recentSales =
+    useMemo(() => {
+      return topSellingCollection?.recentSales?.slice(0, 5)
+    }, [topSellingCollection]) || []
 
   return (
     <TableCell
       css={{
         minWidth: 0,
-        pb: images?.length > 0 ? (isSmallDevice ? '$4' : '$3') : 0,
+        pb: recentSales?.length > 0 ? (isSmallDevice ? '$4' : '$3') : 0,
       }}
     >
       <Flex direction="column" css={{ gap: '$2' }}>
-        {isSmallDevice && images?.length > 0 ? (
+        {isSmallDevice && recentSales?.length > 0 ? (
           <Text style="subtitle3" color="subtle">
             Recent Activity
           </Text>
         ) : null}
         <Flex css={{ gap: '$2', overflowX: 'auto' }}>
-          {images.map((image, idx) => (
-            <Img
+          {recentSales?.map((sale, idx) => (
+            <Tooltip
               key={idx}
-              src={image}
-              alt="Token Image"
-              width={56}
-              height={56}
-              unoptimized
-              css={{
-                borderRadius: 8,
-                width: 56,
-                height: 56,
-                objectFit: 'cover',
-              }}
-            />
+              open={sale?.token?.name ? undefined : false}
+              content={
+                <Text style="body3" as="p">
+                  {sale?.token?.name}
+                </Text>
+              }
+            >
+              <Flex>
+                <Img
+                  src={sale?.token?.image || collection?.image || ''}
+                  alt="Token Image"
+                  width={56}
+                  height={56}
+                  unoptimized
+                  css={{
+                    borderRadius: 8,
+                    width: 56,
+                    height: 56,
+                    objectFit: 'cover',
+                  }}
+                />
+              </Flex>
+            </Tooltip>
           ))}
         </Flex>
       </Flex>
@@ -321,6 +327,7 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
           </Flex>
         </Link>
         <RecentSalesCell
+          collection={collection}
           topSellingCollection={topSellingCollection}
           isSmallDevice={isSmallDevice}
         />
@@ -366,6 +373,7 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
           </Text>
         </TableCell>
         <RecentSalesCell
+          collection={collection}
           topSellingCollection={topSellingCollection}
           isSmallDevice={isSmallDevice}
         />
@@ -463,6 +471,7 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
           </Flex>
         </Link>
         <RecentSalesCell
+          collection={collection}
           topSellingCollection={topSellingCollection}
           isSmallDevice={isSmallDevice}
         />
@@ -496,6 +505,7 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
           </Text>
         </TableCell>
         <RecentSalesCell
+          collection={collection}
           topSellingCollection={topSellingCollection}
           isSmallDevice={isSmallDevice}
         />
@@ -604,6 +614,7 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
           </Flex>
         </Link>
         <RecentSalesCell
+          collection={collection}
           topSellingCollection={topSellingCollection}
           isSmallDevice={isSmallDevice}
         />
@@ -643,6 +654,7 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
         </Text>
       </TableCell>
       <RecentSalesCell
+        collection={collection}
         topSellingCollection={topSellingCollection}
         isSmallDevice={isSmallDevice}
       />

From faa273bbe9c9370905fde844decaf678624cc4fd Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Wed, 12 Jul 2023 13:11:07 -0400
Subject: [PATCH 09/12] Design feedback

---
 components/home/CollectionTopSellingTable.tsx | 484 +++++++++---------
 1 file changed, 244 insertions(+), 240 deletions(-)

diff --git a/components/home/CollectionTopSellingTable.tsx b/components/home/CollectionTopSellingTable.tsx
index 3ce31bb49..76ec4aa36 100644
--- a/components/home/CollectionTopSellingTable.tsx
+++ b/components/home/CollectionTopSellingTable.tsx
@@ -178,6 +178,7 @@ const RecentSalesCell: FC<{
       css={{
         minWidth: 0,
         pb: recentSales?.length > 0 ? (isSmallDevice ? '$4' : '$3') : 0,
+        px: isSmallDevice ? 0 : '$3',
       }}
     >
       <Flex direction="column" css={{ gap: '$2' }}>
@@ -197,7 +198,7 @@ const RecentSalesCell: FC<{
                 </Text>
               }
             >
-              <Flex>
+              <Flex css={{ flexShrink: 0 }}>
                 <Img
                   src={sale?.token?.image || collection?.image || ''}
                   alt="Token Image"
@@ -251,86 +252,91 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
 
   if (isSmallDevice) {
     return (
-      <Flex
-        direction="column"
-        css={{ borderBottom: '1px solid $gray3', pt: '$4' }}
-      >
-        <Link
-          href={`/${routePrefix}/collection/${topSellingCollection.id}`}
-          style={{ display: 'inline-block', minWidth: 0 }}
-          key={topSellingCollection.id}
+      <Flex css={{ pt: '$4', borderBottom: '1px solid $gray3' }}>
+        <Text css={{ pt: '$1', mr: '$3', width: 15 }} style="subtitle3">
+          {rank}
+        </Text>
+        <Flex
+          direction="column"
+          css={{
+            width: '100%',
+            overflow: 'hidden',
+          }}
         >
-          <Flex justify="between" css={{ gap: '$3' }}>
-            <Flex
-              align="center"
-              css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
-            >
-              <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
-                {rank}
-              </Text>
-              <Img
-                src={collectionImage}
-                css={{
-                  borderRadius: 8,
-                  width: 48,
-                  height: 48,
-                  objectFit: 'cover',
-                }}
-                alt="Collection Image"
-                width={48}
-                height={48}
-                unoptimized
-              />
-              <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
-                <Flex
-                  align="center"
-                  css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
-                >
-                  <Text
-                    css={{
-                      display: 'inline-block',
-                    }}
-                    style="subtitle1"
-                    ellipsify
+          <Link
+            href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+            style={{ display: 'inline-block', minWidth: 0 }}
+            key={topSellingCollection.id}
+          >
+            <Flex justify="between" css={{ gap: '$3' }}>
+              <Flex
+                align="center"
+                css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
+              >
+                <Img
+                  src={collectionImage}
+                  css={{
+                    borderRadius: 8,
+                    width: 48,
+                    height: 48,
+                    objectFit: 'cover',
+                  }}
+                  alt="Collection Image"
+                  width={48}
+                  height={48}
+                  unoptimized
+                />
+                <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+                  <Flex
+                    align="center"
+                    css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
                   >
-                    {topSellingCollection?.name}
-                  </Text>
-                  <OpenSeaVerified
-                    openseaVerificationStatus={
-                      collection?.openseaVerificationStatus
-                    }
-                  />
-                </Flex>
-                <Flex align="center">
-                  <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
-                    Floor
-                  </Text>
-                  <FormatCryptoCurrency
-                    amount={collection?.floorAsk?.price?.amount?.decimal}
-                    address={collection?.floorAsk?.price?.currency?.contract}
-                    decimals={collection?.floorAsk?.price?.currency?.decimals}
-                    logoHeight={16}
-                    maximumFractionDigits={2}
-                    textStyle="subtitle2"
-                  />
-                </Flex>
-              </Box>
-            </Flex>
-            <Flex direction="column" css={{ gap: '$2' }}>
-              <Text style="subtitle3" color="subtle">
-                Sales
-              </Text>
-              <Text style="subtitle3">
-                {formatNumber(topSellingCollection.count)}
-              </Text>
+                    <Text
+                      css={{
+                        display: 'inline-block',
+                      }}
+                      style="subtitle1"
+                      ellipsify
+                    >
+                      {topSellingCollection?.name}
+                    </Text>
+                    <OpenSeaVerified
+                      openseaVerificationStatus={
+                        collection?.openseaVerificationStatus
+                      }
+                    />
+                  </Flex>
+                  <Flex align="center">
+                    <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                      Floor
+                    </Text>
+                    <FormatCryptoCurrency
+                      amount={collection?.floorAsk?.price?.amount?.decimal}
+                      address={collection?.floorAsk?.price?.currency?.contract}
+                      decimals={collection?.floorAsk?.price?.currency?.decimals}
+                      logoHeight={16}
+                      maximumFractionDigits={2}
+                      textStyle="subtitle2"
+                    />
+                  </Flex>
+                </Box>
+              </Flex>
+              <Flex direction="column" css={{ gap: '$2' }}>
+                <Text style="subtitle3" color="subtle">
+                  Sales
+                </Text>
+                <Text style="subtitle3">
+                  {formatNumber(topSellingCollection.count)}
+                </Text>
+              </Flex>
             </Flex>
-          </Flex>
-        </Link>
-        <RecentSalesCell
-          collection={collection}
-          topSellingCollection={topSellingCollection}
-          isSmallDevice={isSmallDevice}
-        />
+          </Link>
+          <RecentSalesCell
+            collection={collection}
+            topSellingCollection={topSellingCollection}
+            isSmallDevice={isSmallDevice}
+          />
+        </Flex>
       </Flex>
     )
   } else
@@ -349,7 +355,7 @@ const AllSalesTableRow: FC<CollectionTableRowProps> = ({
         <TableCell>
           {mintData && mintPrice < floorAsk ? (
             mintPrice === 0 ? (
-              'Free'
+              <Text style="subtitle2">Free</Text>
             ) : (
               <FormatCryptoCurrency
                 amount={mintPrice}
@@ -395,86 +401,85 @@ const SaleTableRow: FC<CollectionTableRowProps> = ({
 
   if (isSmallDevice) {
     return (
-      <Flex
-        direction="column"
-        css={{ borderBottom: '1px solid $gray3', pt: '$4' }}
-      >
-        <Link
-          href={`/${routePrefix}/collection/${topSellingCollection.id}`}
-          style={{ display: 'inline-block', minWidth: 0 }}
-          key={topSellingCollection.id}
-        >
-          <Flex justify="between" css={{ gap: '$3' }}>
-            <Flex
-              align="center"
-              css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
-            >
-              <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
-                {rank}
-              </Text>
-              <Img
-                src={collectionImage}
-                css={{
-                  borderRadius: 8,
-                  width: 48,
-                  height: 48,
-                  objectFit: 'cover',
-                }}
-                alt="Collection Image"
-                width={48}
-                height={48}
-                unoptimized
-              />
-              <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
-                <Flex
-                  align="center"
-                  css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
-                >
-                  <Text
-                    css={{
-                      display: 'inline-block',
-                    }}
-                    style="subtitle1"
-                    ellipsify
+      <Flex css={{ pt: '$4', borderBottom: '1px solid $gray3' }}>
+        <Text css={{ pt: '$1', mr: '$3', width: 15 }} style="subtitle3">
+          {rank}
+        </Text>
+        <Flex direction="column" css={{ width: '100%', overflow: 'hidden' }}>
+          <Link
+            href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+            style={{ display: 'inline-block', minWidth: 0 }}
+            key={topSellingCollection.id}
+          >
+            <Flex justify="between" css={{ gap: '$3' }}>
+              <Flex
+                align="center"
+                css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
+              >
+                <Img
+                  src={collectionImage}
+                  css={{
+                    borderRadius: 8,
+                    width: 48,
+                    height: 48,
+                    objectFit: 'cover',
+                  }}
+                  alt="Collection Image"
+                  width={48}
+                  height={48}
+                  unoptimized
+                />
+                <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+                  <Flex
+                    align="center"
+                    css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
                   >
-                    {topSellingCollection?.name}
-                  </Text>
-                  <OpenSeaVerified
-                    openseaVerificationStatus={
-                      collection?.openseaVerificationStatus
-                    }
-                  />
-                </Flex>
-                <Flex align="center">
-                  <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
-                    Floor
-                  </Text>
-                  <FormatCryptoCurrency
-                    amount={collection?.floorAsk?.price?.amount?.decimal}
-                    address={collection?.floorAsk?.price?.currency?.contract}
-                    decimals={collection?.floorAsk?.price?.currency?.decimals}
-                    logoHeight={16}
-                    maximumFractionDigits={2}
-                    textStyle="subtitle2"
-                  />
-                </Flex>
-              </Box>
-            </Flex>
-            <Flex direction="column" css={{ gap: '$2' }}>
-              <Text style="subtitle3" color="subtle">
-                Sales
-              </Text>
-              <Text style="subtitle3">
-                {formatNumber(topSellingCollection.count)}
-              </Text>
+                    <Text
+                      css={{
+                        display: 'inline-block',
+                      }}
+                      style="subtitle1"
+                      ellipsify
+                    >
+                      {topSellingCollection?.name}
+                    </Text>
+                    <OpenSeaVerified
+                      openseaVerificationStatus={
+                        collection?.openseaVerificationStatus
+                      }
+                    />
+                  </Flex>
+                  <Flex align="center">
+                    <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                      Floor
+                    </Text>
+                    <FormatCryptoCurrency
+                      amount={collection?.floorAsk?.price?.amount?.decimal}
+                      address={collection?.floorAsk?.price?.currency?.contract}
+                      decimals={collection?.floorAsk?.price?.currency?.decimals}
+                      logoHeight={16}
+                      maximumFractionDigits={2}
+                      textStyle="subtitle2"
+                    />
+                  </Flex>
+                </Box>
+              </Flex>
+              <Flex direction="column" css={{ gap: '$2' }}>
+                <Text style="subtitle3" color="subtle">
+                  Sales
+                </Text>
+                <Text style="subtitle3">
+                  {formatNumber(topSellingCollection.count)}
+                </Text>
+              </Flex>
             </Flex>
-          </Flex>
-        </Link>
-        <RecentSalesCell
-          collection={collection}
-          topSellingCollection={topSellingCollection}
-          isSmallDevice={isSmallDevice}
-        />
+          </Link>
+          <RecentSalesCell
+            collection={collection}
+            topSellingCollection={topSellingCollection}
+            isSmallDevice={isSmallDevice}
+          />
+        </Flex>
       </Flex>
     )
   } else {
@@ -533,91 +538,90 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
 
   if (isSmallDevice) {
     return (
-      <Flex
-        direction="column"
-        css={{ borderBottom: '1px solid $gray3', pt: '$4' }}
-      >
-        <Link
-          href={`/${routePrefix}/collection/${topSellingCollection.id}`}
-          style={{ display: 'inline-block', minWidth: 0 }}
-          key={topSellingCollection.id}
-        >
-          <Flex justify="between" css={{ gap: '$3' }}>
-            <Flex
-              align="center"
-              css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
-            >
-              <Text css={{ mr: '$4', width: 15 }} style="subtitle3">
-                {rank}
-              </Text>
-              <Img
-                src={collectionImage}
-                css={{
-                  borderRadius: 8,
-                  width: 48,
-                  height: 48,
-                  objectFit: 'cover',
-                }}
-                alt="Collection Image"
-                width={48}
-                height={48}
-                unoptimized
-              />
-              <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
-                <Flex
-                  align="center"
-                  css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
-                >
-                  <Text
-                    css={{
-                      display: 'inline-block',
-                    }}
-                    style="subtitle1"
-                    ellipsify
+      <Flex css={{ pt: '$4', borderBottom: '1px solid $gray3' }}>
+        <Text css={{ pt: '$1', mr: '$3', width: 15 }} style="subtitle3">
+          {rank}
+        </Text>
+        <Flex direction="column" css={{ width: '100%', overflow: 'hidden' }}>
+          <Link
+            href={`/${routePrefix}/collection/${topSellingCollection.id}`}
+            style={{ display: 'inline-block', minWidth: 0 }}
+            key={topSellingCollection.id}
+          >
+            <Flex justify="between" css={{ gap: '$3' }}>
+              <Flex
+                align="center"
+                css={{ cursor: 'pointer', width: '100%', overflow: 'hidden' }}
+              >
+                <Img
+                  src={collectionImage}
+                  css={{
+                    borderRadius: 8,
+                    width: 48,
+                    height: 48,
+                    objectFit: 'cover',
+                  }}
+                  alt="Collection Image"
+                  width={48}
+                  height={48}
+                  unoptimized
+                />
+                <Box css={{ ml: '$4', width: '100%', minWidth: 0 }}>
+                  <Flex
+                    align="center"
+                    css={{ gap: '$2', mb: 4, maxWidth: '80%' }}
                   >
-                    {topSellingCollection?.name}
-                  </Text>
-                  <OpenSeaVerified
-                    openseaVerificationStatus={
-                      collection?.openseaVerificationStatus
-                    }
-                  />
-                </Flex>
-                <Flex align="center">
-                  <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
-                    Mint Price
-                  </Text>
-                  {mintData ? (
-                    mintPrice === 0 ? (
-                      <Text style="body3">Free</Text>
+                    <Text
+                      css={{
+                        display: 'inline-block',
+                      }}
+                      style="subtitle1"
+                      ellipsify
+                    >
+                      {topSellingCollection?.name}
+                    </Text>
+                    <OpenSeaVerified
+                      openseaVerificationStatus={
+                        collection?.openseaVerificationStatus
+                      }
+                    />
+                  </Flex>
+                  <Flex align="center">
+                    <Text css={{ mr: '$1', color: '$gray11' }} style="body3">
+                      Mint Price
+                    </Text>
+                    {mintData ? (
+                      mintPrice === 0 ? (
+                        <Text style="body3">Free</Text>
+                      ) : (
+                        <FormatCryptoCurrency
+                          amount={mintPrice}
+                          textStyle="body3"
+                          logoHeight={14}
+                        />
+                      )
                     ) : (
-                      <FormatCryptoCurrency
-                        amount={mintPrice}
-                        textStyle="body3"
-                        logoHeight={14}
-                      />
-                    )
-                  ) : (
-                    '-'
-                  )}
-                </Flex>
-              </Box>
-            </Flex>
-            <Flex direction="column" css={{ gap: '$2' }}>
-              <Text style="subtitle3" color="subtle">
-                Sales
-              </Text>
-              <Text style="subtitle3">
-                {formatNumber(topSellingCollection.count)}
-              </Text>
+                      '-'
+                    )}
+                  </Flex>
+                </Box>
+              </Flex>
+              <Flex direction="column" css={{ gap: '$2' }}>
+                <Text style="subtitle3" color="subtle">
+                  Sales
+                </Text>
+                <Text style="subtitle3">
+                  {formatNumber(topSellingCollection.count)}
+                </Text>
+              </Flex>
             </Flex>
-          </Flex>
-        </Link>
-        <RecentSalesCell
-          collection={collection}
-          topSellingCollection={topSellingCollection}
-          isSmallDevice={isSmallDevice}
-        />
+          </Link>
+          <RecentSalesCell
+            collection={collection}
+            topSellingCollection={topSellingCollection}
+            isSmallDevice={isSmallDevice}
+          />
+        </Flex>
       </Flex>
     )
   }
@@ -636,7 +640,7 @@ const MintTableRow: FC<CollectionTableRowProps> = ({
       <TableCell>
         {mintData ? (
           mintPrice === 0 ? (
-            'Free'
+            <Text style="subtitle2">Free</Text>
           ) : (
             <FormatCryptoCurrency
               amount={mintPrice}

From 971a705574d3e6f333133d8bb7673edb597549cc Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Wed, 12 Jul 2023 13:36:55 -0400
Subject: [PATCH 10/12] Switch to 7day total volume

---
 components/home/ChainStats.tsx | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/components/home/ChainStats.tsx b/components/home/ChainStats.tsx
index 835a32272..dc6c4170a 100644
--- a/components/home/ChainStats.tsx
+++ b/components/home/ChainStats.tsx
@@ -1,7 +1,8 @@
 import { FC, useMemo } from 'react'
-import { Flex, Text } from '../primitives'
+import { Flex, FormatCryptoCurrency, Text } from '../primitives'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import {
+  IconDefinition,
   faImage,
   faShoppingCart,
   faSprout,
@@ -9,12 +10,18 @@ import {
 import { useChainStats } from 'hooks'
 import { formatNumber } from 'utils/numbers'
 
+type Section = {
+  title: string
+  stat: string | JSX.Element
+  icon: IconDefinition
+}
+
 export const ChainStats = () => {
   const { data: statsData } = useChainStats()
   const stats = statsData?.stats?.['7day']
 
   const statsSections = useMemo(() => {
-    const sections = [
+    const sections: Section[] = [
       {
         title: '7d Mints',
         stat: '-',
@@ -26,7 +33,7 @@ export const ChainStats = () => {
         icon: faShoppingCart,
       },
       {
-        title: '7d New Collections',
+        title: '7d Total Volume',
         stat: '-',
         icon: faImage,
       },
@@ -38,9 +45,13 @@ export const ChainStats = () => {
       sections[1].stat = `${
         stats.saleCount ? formatNumber(stats.saleCount) : 0
       }`
-      sections[2].stat = `${
-        stats.totalCount ? formatNumber(stats.totalCount) : 0
-      }`
+      sections[2].stat = (
+        <FormatCryptoCurrency
+          amount={stats.totalVolume}
+          textStyle="h6"
+          logoHeight={14}
+        />
+      )
     }
     return sections
   }, [stats])

From d6ff008f745fe6f12f3a71f2699ad5220f7ffc9a Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Wed, 12 Jul 2023 13:45:59 -0400
Subject: [PATCH 11/12] Fix logo redirects for newer chains

---
 components/home/ChainStats.tsx   |  6 ++++--
 pages/api/reservoir/[...slug].ts | 11 +++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/components/home/ChainStats.tsx b/components/home/ChainStats.tsx
index dc6c4170a..7fd69875e 100644
--- a/components/home/ChainStats.tsx
+++ b/components/home/ChainStats.tsx
@@ -7,7 +7,7 @@ import {
   faShoppingCart,
   faSprout,
 } from '@fortawesome/free-solid-svg-icons'
-import { useChainStats } from 'hooks'
+import { useChainStats, useMarketplaceChain } from 'hooks'
 import { formatNumber } from 'utils/numbers'
 
 type Section = {
@@ -20,6 +20,8 @@ export const ChainStats = () => {
   const { data: statsData } = useChainStats()
   const stats = statsData?.stats?.['7day']
 
+  const chain = useMarketplaceChain()
+
   const statsSections = useMemo(() => {
     const sections: Section[] = [
       {
@@ -54,7 +56,7 @@ export const ChainStats = () => {
       )
     }
     return sections
-  }, [stats])
+  }, [stats, chain])
 
   return (
     <Flex css={{ gap: 24 }}>
diff --git a/pages/api/reservoir/[...slug].ts b/pages/api/reservoir/[...slug].ts
index 9aacb84d8..3b1f1f631 100644
--- a/pages/api/reservoir/[...slug].ts
+++ b/pages/api/reservoir/[...slug].ts
@@ -1,7 +1,7 @@
 import { setParams } from '@reservoir0x/reservoir-sdk'
 import type { NextApiRequest, NextApiResponse } from 'next'
 import supportedChains, { DefaultChain } from 'utils/chains'
-import { goerli, mainnet } from 'wagmi/chains'
+import { arbitrum, goerli, mainnet, optimism, zora } from 'wagmi/chains'
 import wrappedContracts from 'utils/wrappedContracts'
 import { zeroAddress } from 'viem'
 
@@ -39,8 +39,15 @@ const proxy = async (req: NextApiRequest, res: NextApiResponse) => {
     // Redirect eth and weth currency icons to self-hosted
     // versions without any padding
     endpoint = endpoint.toLowerCase()
+    console.log(endpoint)
     if (
-      [mainnet.id as number, goerli.id].includes(chain.id) &&
+      [
+        mainnet.id as number,
+        goerli.id,
+        zora.id,
+        optimism.id,
+        arbitrum.id,
+      ].includes(chain.id) &&
       endpoint.includes('currency')
     ) {
       if (endpoint.includes(zeroAddress)) {

From 8a20ef9d01d73348b8f14a4381595cd2f8530e53 Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Wed, 12 Jul 2023 14:08:09 -0400
Subject: [PATCH 12/12] Remove floor price percentage change from ranking table

---
 components/rankings/CollectionRankingsTable.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/components/rankings/CollectionRankingsTable.tsx b/components/rankings/CollectionRankingsTable.tsx
index c68937549..d317d3c00 100644
--- a/components/rankings/CollectionRankingsTable.tsx
+++ b/components/rankings/CollectionRankingsTable.tsx
@@ -291,9 +291,6 @@ const RankingsTableRow: FC<RankingsTableRowProps> = ({
               textStyle="subtitle2"
               logoHeight={14}
             />
-            {volumeKey != 'allTime' && collection?.floorSaleChange && (
-              <PercentChange value={collection?.floorSaleChange[volumeKey]} />
-            )}
           </Flex>
         </TableCell>
         <TableCell>