Merge branch 'armando/grwth-3585-trending-mint-detail-page' into dev

reservoirprotocol · Dec 1, 2023 · 2b96676 · 2b96676
2 parents a811e6e + d850487
commit 2b96676
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 14 deletions.
diff --git a/components/common/MintsPeriodDropdown.tsx b/components/common/MintsPeriodDropdown.tsx
@@ -14,12 +14,12 @@ export type MintsSortingOption = NonNullable<
 >
 
 const sortingOptions: MintsSortingOption[] = [
-  '24h',
-  '6h',
-  '1h',
-  '30m',
-  '10m',
   '5m',
+  '10m',
+  '30m',
+  '1h',
+  '6h',
+  '24h',
 ]
 
 const nameForSortingOption = (option: MintsSortingOption, compact: boolean) => {

diff --git a/components/rankings/MintRankingsTable.tsx b/components/rankings/MintRankingsTable.tsx
@@ -25,17 +25,17 @@ type Props = {
 }
 
 const gridColumns = {
-  gridTemplateColumns: '520px repeat(3, 0.5fr) 250px',
+  gridTemplateColumns: '520px repeat(5, 0.5fr) 250px',
   '@md': {
     gridTemplateColumns: '420px 1fr 1fr 1fr',
   },
 
   '@lg': {
-    gridTemplateColumns: '360px repeat(3, 0.5fr) 250px',
+    gridTemplateColumns: '360px repeat(5, 0.5fr) 250px',
   },
 
   '@xl': {
-    gridTemplateColumns: '520px repeat(3, 0.5fr) 250px',
+    gridTemplateColumns: '520px repeat(5, 0.5fr) 250px',
   },
 }
 
@@ -98,10 +98,9 @@ const RankingsTableRow: FC<RankingsTableRowProps> = ({ mint, rank }) => {
 
   const mintPrice = mint.mintPrice?.toString()
 
-  // @ts-ignore
-  const sampleImages: string[] = mint?.sampleImages
-  // @ts-ignore
-  const openseaVerificationStatus = mint?.openseaVerificationStatus
+  const sampleImages: string[] = mint?.sampleImages || []
+  const oneHourCount = mint?.oneHourCount
+  const sixHourCount = mint?.sixHourCount
 
   if (isSmallDevice) {
     return (
@@ -134,7 +133,7 @@ const RankingsTableRow: FC<RankingsTableRowProps> = ({ mint, rank }) => {
                 {mint?.name}
               </Text>
               <OpenSeaVerified
-                openseaVerificationStatus={openseaVerificationStatus}
+                openseaVerificationStatus={mint?.openseaVerificationStatus}
               />
             </Flex>
             <Flex align="center">
@@ -207,7 +206,7 @@ const RankingsTableRow: FC<RankingsTableRowProps> = ({ mint, rank }) => {
                   {mint?.name}
                 </Text>
                 <OpenSeaVerified
-                  openseaVerificationStatus={openseaVerificationStatus}
+                  openseaVerificationStatus={mint?.openseaVerificationStatus}
                 />
               </Flex>
             </Flex>
@@ -253,6 +252,14 @@ const RankingsTableRow: FC<RankingsTableRowProps> = ({ mint, rank }) => {
           </Flex>
         </TableCell>
 
+        <TableCell desktopOnly>
+          <Text style="subtitle1">{mint?.oneHourCount}</Text>
+        </TableCell>
+
+        <TableCell desktopOnly>
+          <Text style="subtitle1">{mint?.sixHourCount}</Text>
+        </TableCell>
+
         <TableCell desktopOnly>
           <Flex
             css={{
@@ -297,6 +304,8 @@ const headings = [
   'Mint Price',
   'Floor Price',
   'Total Mints',
+  '1H Mints',
+  '6h Mints',
   'Recent Mints',
 ]
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,12 +14,12 @@ export type MintsSortingOption = NonNullable< @@
     >
     const sortingOptions: MintsSortingOption[] = [
-      '24h',
-      '6h',
-      '1h',
-      '30m',
-      '10m',
       '5m',
+      '10m',
+      '30m',
+      '1h',
+      '6h',
+      '24h',
     ]
     const nameForSortingOption = (option: MintsSortingOption, compact: boolean) => {
@@ Expand Down @@