diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/collection-header.tsx b/apps/arkmarket/src/app/collection/[collectionAddress]/components/collection-header.tsx index c0e6d813..c10bf1f5 100644 --- a/apps/arkmarket/src/app/collection/[collectionAddress]/components/collection-header.tsx +++ b/apps/arkmarket/src/app/collection/[collectionAddress]/components/collection-header.tsx @@ -1,6 +1,7 @@ "use client"; import { useState } from "react"; +import moment from "moment"; import { cn, focusableStyles } from "@ark-market/ui"; import { @@ -104,7 +105,17 @@ export default function CollectionHeader({ -

{collection.description}

+

{collection.description}

+

+ Created + + {collection.deployed_timestamp + ? moment.unix(collection.deployed_timestamp).format("MMM YYYY") + : "-"} + + Creator earnings + 5% +

diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/mobile-collection-header.tsx b/apps/arkmarket/src/app/collection/[collectionAddress]/components/mobile-collection-header.tsx index 8ee5b6a1..1f9c5e0b 100644 --- a/apps/arkmarket/src/app/collection/[collectionAddress]/components/mobile-collection-header.tsx +++ b/apps/arkmarket/src/app/collection/[collectionAddress]/components/mobile-collection-header.tsx @@ -1,6 +1,7 @@ "use client"; import { useState } from "react"; +import moment from "moment"; import { cn } from "@ark-market/ui"; import { @@ -62,9 +63,15 @@ export default function MobileCollectionHeader({

Created - Feb 2000 + + {collection.deployed_timestamp + ? moment + .unix(collection.deployed_timestamp) + .format("MMM YYYY") + : "-"} + Creator earnings - 1000% + 5%

diff --git a/apps/arkmarket/src/types/index.ts b/apps/arkmarket/src/types/index.ts index 457d7e7a..1a85df6d 100644 --- a/apps/arkmarket/src/types/index.ts +++ b/apps/arkmarket/src/types/index.ts @@ -1,6 +1,7 @@ export interface Collection { address: string; description?: string; + deployed_timestamp?: number; discord?: string; floor?: string; floor_7d_percentage: string;