Update collection creation tabs

components/collections/actions/Combobox.tsx

@@ -8,7 +8,7 @@ import { FaChevronDown, FaInfoCircle } from 'react-icons/fa'
 import type { ActionListItem } from './actions'
 import { BASE_ACTION_LIST, SG721_UPDATABLE_ACTION_LIST, VENDING_ACTION_LIST } from './actions'
 
-export type MinterType = 'base' | 'vending'
+export type MinterType = 'base' | 'vending' | 'openEdition'
 export type Sg721Type = 'updatable' | 'base'
 
 export interface ActionsComboboxProps {

pages/collections/create.tsx

@@ -48,6 +48,7 @@ import {
   BASE_FACTORY_UPDATABLE_ADDRESS,
   BLOCK_EXPLORER_URL,
   NETWORK,
+  OPEN_EDITION_FACTORY_ADDRESS,
   SG721_CODE_ID,
   SG721_UPDATABLE_CODE_ID,
   STARGAZE_URL,
@@ -1289,17 +1290,11 @@ const CollectionCreationPage: NextPage = () => {
         </Conditional>
       </div>
 
-      {/* To be removed */}
-      <Conditional test={BASE_FACTORY_ADDRESS === undefined}>
-        <div className="mx-10 mt-5" />
-      </Conditional>
-      <Conditional test={BASE_FACTORY_ADDRESS !== undefined}>
-        {/* /To be removed */}
       <div>
         <div
           className={clsx(
             'mx-10 mt-5',
-              'grid before:absolute relative grid-cols-2 grid-flow-col items-stretch rounded',
+            'grid before:absolute relative grid-cols-3 grid-flow-col items-stretch rounded',
             'before:inset-x-0 before:bottom-0 before:border-white/25',
           )}
         >
@@ -1347,9 +1342,32 @@ const CollectionCreationPage: NextPage = () => {
               </span>
             </button>
           </div>
-          </div>
+          <Conditional test={OPEN_EDITION_FACTORY_ADDRESS !== undefined}>
+            <div
+              className={clsx(
+                'isolate space-y-1 border-2',
+                'first-of-type:rounded-tl-md last-of-type:rounded-tr-md',
+                minterType === 'openEdition' ? 'border-stargaze' : 'border-transparent',
+                minterType !== 'openEdition' ? 'bg-stargaze/5 hover:bg-stargaze/80' : 'hover:bg-white/5',
+              )}
+            >
+              <button
+                className="p-4 w-full h-full text-left bg-transparent"
+                onClick={() => {
+                  setMinterType('openEdition')
+                  resetReadyFlags()
+                }}
+                type="button"
+              >
+                <h4 className="font-bold">Open Edition Minting</h4>
+                <span className="text-sm text-white/80 line-clamp-2">
+                  Allows multiple copies of a single NFT to be minted for a given time interval.
+                </span>
+              </button>
             </div>
           </Conditional>
+        </div>
+      </div>
 
       {minterType === 'base' && (
         <div>