fix: handle unlimited supply, show royalties of the collection, and route back to the details page after a mint.

Author: kespinola

src/app/(project)/projects/[project]/drops/MintEdition.tsx

@@ -79,6 +79,9 @@ export default function MintEdition({ project, drop }: MintEditionProps) {
         { query: GetCollectionHolders, variables: { project, drop } },
         { query: GetCollectionPurchases, variables: { project, drop } },
       ],
+      onCompleted: () => {
+        router.back();
+      }
     }
   );
 

src/app/(project)/projects/[project]/drops/[drop]/Drop.tsx

@@ -172,14 +172,18 @@ export default function Drop({ children, project, drop }: DropProps): JSX.Elemen
                 <div className="w-full text-xs font-medium">
                   <div className="flex items-center justify-between">
                     <span className="text-white">
-                      {`Status: ${dropQuery.data?.project?.drop?.status} -  ${dropQuery.data?.project?.drop?.collection?.totalMints}/
-                                  ${dropQuery.data?.project?.drop?.collection?.supply}`}
+                      Status: {dropQuery.data?.project?.drop?.status} -
+                      {dropQuery.data?.project?.drop?.collection?.totalMints}
+                      {dropQuery.data?.project?.drop?.collection?.supply &&
+                        `/ ${dropQuery.data?.project?.drop?.collection?.supply}`}
                       <span className="text-gray-500"> - minted</span>
                     </span>
                     {inTheFuture(startTime) ? (
                       <span className="text-gray-400">{daysUntil(startTime)} to start</span>
                     ) : (
-                      <span>{`${percent}%`}</span>
+                      dropQuery.data?.project?.drop?.collection?.supply && (
+                        <span>{`${percent}%`}</span>
+                      )
                     )}
                   </div>
                   <div className="w-full rounded-full h-[12px] bg-stone-800 mt-1 relative overflow-hidden">
@@ -245,7 +249,7 @@ export default function Drop({ children, project, drop }: DropProps): JSX.Elemen
                 <div className="basis-1/2 h-full flex flex-col px-4 gap-2 text-sm">
                   <div className="flex items-center justify-between gap-2">
                     <span className="text-gray-400">Royalties</span>
-                    <span>{dropData?.collection.sellerFeeBasisPoints}</span>
+                    <span>{dropData?.collection.royalties}</span>
                   </div>
                   <div className="flex items-center justify-between gap-2">
                     <span className="text-gray-400">Royalties recipients</span>

src/components/Table.tsx

@@ -222,6 +222,7 @@ function PurchaseStatusPill({ status, className }: PurchaseStatusPillProps) {
       className={clsx('rounded-full py-1 px-3 text-xs font-medium max-w-min', className, {
         'bg-blue-400 bg-opacity-20 text-blue-400': status === CreationStatus.Pending,
         'bg-green-400 bg-opacity-20 text-green-400': status === CreationStatus.Created,
+        'bg-red-500 bg-opacity-20 text-red-500': status === CreationStatus.Failed,
       })}
     >
       {label}