diff --git a/components/collection/EditModal.vue b/components/collection/EditModal.vue
index 9e9d64c18d..0ffd202f26 100644
--- a/components/collection/EditModal.vue
+++ b/components/collection/EditModal.vue
@@ -152,7 +152,7 @@
@@ -272,6 +272,7 @@ const mintPriceChanged = computed(() => mintingPrice.value !== originalMintPrice
const originalMintPrice = computed(() => props.collection.mintingSettings.price ? Number(props.collection.mintingSettings.price) / (10 ** decimals.value) : null)
const originalHolderOfCollectionId = computed(() => props.collection.mintingSettings.holderOf)
const holderOfCollectionId = ref(originalHolderOfCollectionId.value)
+const isHolderOfMintingTypeSelected = computed(() => selectedMintingType.value === 'HolderOf')
const disabled = computed(() => {
const hasImage = imageUrl.value
@@ -283,13 +284,13 @@ const disabled = computed(() => {
const holderOfCollectionIdChanged = holderOfCollectionId.value !== originalHolderOfCollectionId.value
const invalidPublicCollection = selectedMintingType.value === 'Public' && !mintingPrice.value
- const invalidHolderOfCollection = selectedMintingType.value === 'HolderOf' && !holderOfCollectionId.value
+ const invalidHolderOfCollection = isHolderOfMintingTypeSelected.value && !holderOfCollectionId.value
return !hasImage || !isNameFilled || invalidHolderOfCollection || invalidPublicCollection
|| (!nameChanged.value && !descriptionChanged && !hasImageChanged.value && !hasBannerChanged && !hasMaxChanged && !mintTypeChanged.value && !mintPriceChanged.value && !holderOfCollectionIdChanged)
})
-const permissionSettingWarningMessage = computed(() => selectedMintingType.value && permissionSettingCheckingMap[selectedMintingType.value] && permissionSettingCheckingMap[selectedMintingType.value]())
+const permissionSettingWarningMessage = computed(() => selectedMintingType.value && permissionSettingCheckingMap[selectedMintingType.value]?.())
const initLogoImage = () => {
imageUrl.value = originalLogoImageUrl.value
@@ -331,7 +332,7 @@ watch(isModalActive, (value) => {
}, {
immediate: true,
})
-const mintTypeChangeHandlerMap = {
+const mintTypeChangeHandlerMap: Record void> = {
Issuer: () => {
hasMintingPrice.value = false
mintingPrice.value = null
@@ -347,7 +348,7 @@ const mintTypeChangeHandlerMap = {
},
}
-const permissionSettingCheckingMap = {
+const permissionSettingCheckingMap: Record string | undefined> = {
Issuer: () => {
if (mintingPrice.value) {
return $i18n.t('mint.collection.permission.issuerWarning')
diff --git a/components/collection/SearchInput.vue b/components/collection/SearchInput.vue
index 15479975db..5eca490f92 100644
--- a/components/collection/SearchInput.vue
+++ b/components/collection/SearchInput.vue
@@ -58,6 +58,7 @@