Add default code id & info box to sg721 dashboard > migrate

pages/contracts/sg721/migrate.tsx

@@ -1,3 +1,5 @@
+import { Alert } from 'components/Alert'
+import { Anchor } from 'components/Anchor'
 import { Button } from 'components/Button'
 import { ContractPageHeader } from 'components/ContractPageHeader'
 import { useExecuteComboboxState } from 'components/contracts/sg721/ExecuteCombobox.hooks'
@@ -36,6 +38,7 @@ const Sg721MigratePage: NextPage = () => {
     title: 'Code ID',
     subtitle: 'Code ID of the New Sg721 contract',
     placeholder: '1',
+    defaultValue: 47,
   })
 
   const contractState = useInputState({
@@ -102,6 +105,20 @@ const Sg721MigratePage: NextPage = () => {
         <div className="space-y-8">
           <AddressInput {...contractState} />
           <NumberInput isRequired {...codeIdState} />
+          <Alert type="info">
+            <div className="inline-block">
+              Migrating a v1 contract to Code ID: 47 (sg721-updatable) will allow the creator to update the royalty
+              details and token metadata. Once the migration is complete, new functionalities can be performed using{' '}
+              <Anchor
+                className="font-bold text-plumbus hover:underline"
+                external
+                href={`/collections/actions/?sg721ContractAddress=${contractState.value}`}
+              >
+                Collection Actions
+              </Anchor>
+              .
+            </div>
+          </Alert>
         </div>
         <div className="space-y-8">
           <div className="relative">