markets: make 24hr vol default sort

web/pages/markets.tsx

@@ -1,30 +1,16 @@
-import _ from 'lodash'
 import { ContractsGrid, SearchableGrid } from '../components/contracts-list'
-import { Spacer } from '../components/layout/spacer'
 import { Page } from '../components/page'
 import { SEO } from '../components/SEO'
 import { Title } from '../components/title'
 import { useContracts } from '../hooks/use-contracts'
 import { useQueryAndSortParams } from '../hooks/use-sort-and-query-params'
-import {
+import { Contract, listAllContracts } from '../lib/firebase/contracts'
-  Contract,
-  getClosingSoonContracts,
-  getHotContracts,
-  listAllContracts,
-} from '../lib/firebase/contracts'
 
 export async function getStaticProps() {
-  const [contracts, hotContracts, closingSoonContracts] = await Promise.all([
+  const contracts = await listAllContracts().catch((_) => [])
-    listAllContracts().catch((_) => []),
-    getHotContracts().catch(() => []),
-    getClosingSoonContracts().catch(() => []),
-  ])
-
   return {
     props: {
       contracts,
-      hotContracts,
-      closingSoonContracts,
     },
 
     revalidate: 60, // regenerate after a minute
@@ -32,15 +18,11 @@ export async function getStaticProps() {
 }
 
 // TODO: Rename endpoint to "Explore"
-export default function Markets(props: {
+export default function Markets(props: { contracts: Contract[] }) {
-  contracts: Contract[]
+  const contracts = useContracts() ?? props.contracts ?? []
-  hotContracts: Contract[]
+
-  closingSoonContracts: Contract[]
-}) {
-  const contracts = useContracts() ?? props.contracts
-  const { hotContracts, closingSoonContracts } = props
   const { query, setQuery, sort, setSort } = useQueryAndSortParams({
-    defaultSort: 'most-traded',
+    defaultSort: '24-hour-vol',
   })
 
   return (