Merge pull request #11499 from kodadot/refactor--replace-neo-icon-4

refactor: replace neoicon with nuxt icon (4)

Author: preschian

components/collection/drop/requirement/PrivateMintRequirements.vue

@@ -50,9 +50,8 @@
         root-class="ml-2"
         content-class="capitalize"
       >
-        <NeoIcon
-          icon="fa-info-circle"
-          pack="fa-regular"
+        <KIcon
+          name="i-mdi:information-slab-circle"
           class="text-k-grey"
         />
 
@@ -83,18 +82,18 @@
           {{ mintLabel }}
         </p>
 
-        <NeoIcon
+        <KIcon
           v-if="readyToMint"
           class="ml-1"
-          icon="check"
+          name="i-mdi:check"
         />
       </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { NeoIcon, NeoTooltip } from '@kodadot1/brick'
+import { NeoTooltip } from '@kodadot1/brick'
 import type { HolderOfCollection } from '../types'
 import { useCollectionMinimal } from '@/components/collection/utils/useCollectionDetails'
 import { useDrop, useDropMinimumFunds } from '@/components/drops/useDrops'

components/collection/unlockable/UnlockableItemInfo.vue

@@ -6,8 +6,8 @@
         class="flex-1 lg:flex-0 lg:w-1/2 flex flex-col justify-center order-1"
       >
         <div class="flex items-center font-bold text-base mb-2">
-          <NeoIcon
-            icon="unlock"
+          <KIcon
+            name="i-mdi:lock-open"
             class="mr-2"
           />
           {{ $t('mint.unlockable.howItemWork') }}
@@ -43,7 +43,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 
 const props = defineProps({
   collectionId: {

components/common/ChooseCollectionDropdown.vue

@@ -25,11 +25,10 @@
         :icon="active ? 'chevron-up' : 'chevron-down'"
       >
         {{ selectedCollection.name || selectedCollection.id }}
-        <NeoIcon
+        <KIcon
           v-if="selectedCollection"
-          icon="circle-check"
-          variant="success"
-          class="ml-3"
+          name="i-mdi:check-circle-outline"
+          class="ml-3 text-k-green"
         />
       </NeoButton>
     </template>
@@ -49,8 +48,8 @@
           class="w-full"
         >
           <div class="w-full">
-            <NeoIcon
-              icon="plus"
+            <KIcon
+              name="i-mdi:plus"
               class="mr-1"
             />
             {{ $t('massmint.createNewCollection') }}
@@ -71,8 +70,8 @@
           class="w-full"
         >
           <div class="w-full">
-            <NeoIcon
-              icon="plus"
+            <KIcon
+              name="i-mdi:plus"
               class="mr-1"
             />
             {{ $t('massmint.createNewCollection') }}
@@ -88,7 +87,6 @@ import {
   NeoButton,
   NeoDropdown,
   NeoDropdownItem,
-  NeoIcon,
 } from '@kodadot1/brick'
 import type { MintedCollection } from '@/composables/transaction/types'
 import { useCollectionForMint } from '@/composables/massmint/useMassMint'

components/common/ConnectWallet/WalletAssetTrades.vue

@@ -41,9 +41,7 @@
             variant="icon"
             @click="refetch"
           >
-            <NeoIcon
-              icon="refresh"
-            />
+            <KIcon name="i-mdi:refresh" />
           </NeoButton>
         </div>
 
@@ -130,7 +128,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoIcon, NeoButton, NeoSkeleton } from '@kodadot1/brick'
+import { NeoButton, NeoSkeleton } from '@kodadot1/brick'
 import { TradeType, type TradeNftItem } from '@/components/trade/types'
 import { TRADE_TYPE_TO_PROFILE_TAB_MAP } from '@/components/profile/utils'
 import { formatDistanceToNow } from '@/utils/datetime'

components/common/LoadPreviousPage.vue

@@ -3,13 +3,11 @@
     class="flex justify-center pb-4"
     @click="onClick"
   >
-    <NeoIcon icon="chevron-up" />
+    <KIcon name="i-mdi:chevron-up" />
   </a>
 </template>
 
 <script lang="ts" setup>
-import { NeoIcon } from '@kodadot1/brick'
-
 const emit = defineEmits(['click'])
 const onClick = (event) => {
   emit('click', event)

components/common/NonRecommendFieldNotification.vue

@@ -24,8 +24,8 @@
             class="flex items-center gap-1 text-sm !text-yellow-600 hover:!text-yellow-700 capitalize"
             @click="emit('undo')"
           >
-            <NeoIcon
-              icon="undo"
+            <KIcon
+              name="i-mdi:undo"
               size="small"
             />
             {{ $t('general.undo') }}
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 
 defineProps<{
   show: boolean

components/common/autoTeleport/AutoTeleportModal.vue

@@ -28,8 +28,8 @@
         <hr class="my-4">
 
         <div class="flex items-start">
-          <NeoIcon
-            icon="lightbulb"
+          <KIcon
+            name="i-mdi:lightbulb"
             size="small"
             class="mr-2 block"
           />
@@ -65,7 +65,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoModal } from '@kodadot1/brick'
+import { NeoButton, NeoModal } from '@kodadot1/brick'
 import type { AutoTeleportInteractions } from './utils'
 import { getActionDetails } from './utils'
 import type { TeleportTransition } from '@/utils/teleport'

components/common/autoTeleport/AutoTeleportPopover.vue

@@ -3,18 +3,16 @@
     :placement="position"
     :append-to="body"
   >
-    <NeoIcon
-      icon="fa-info-circle"
-      pack="fa-regular"
+    <KIcon
+      name="i-mdi:information-slab-circle"
       class="ml-2 text-k-grey"
     />
 
     <template #content>
       <div class="w-[16rem] bg-background-color text-sm border p-4">
         <div class="flex text-base mb-3">
-          <NeoIcon
-            icon="fa-info-circle"
-            pack="fa-regular"
+          <KIcon
+            name="i-mdi:information-slab-circle"
             class="mr-2"
           />
 
@@ -74,8 +72,6 @@
 </template>
 
 <script setup lang="ts">
-import { NeoIcon } from '@kodadot1/brick'
-
 defineProps<{
   transition: TeleportTransition
   position: 'top' | 'left'

components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue

@@ -40,7 +40,7 @@
               :label="$t('tooltip.supportFee')"
               multiline
             >
-              <NeoIcon icon="circle-question" />
+              <KIcon name="i-mdi:help-circle-outline" />
             </NeoTooltip>
           </div>
           <CommonTokenMoney :value="supportFee" />
@@ -83,7 +83,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoIcon, NeoModal, NeoTooltip } from '@kodadot1/brick'
+import { NeoModal, NeoTooltip } from '@kodadot1/brick'
 import { totalPriceUsd } from '../shoppingCart/utils'
 import ModalBody from '@/components/shared/modals/ModalBody.vue'
 import { sum } from '@/utils/math'

components/common/party/Cusor.vue

@@ -7,10 +7,9 @@
       left: `${connection.cursor?.x}px`,
     }"
   >
-    <NeoIcon
+    <KIcon
       :id="`cursor-${connection.id}`"
-      icon="arrow-pointer"
-      pack="fas"
+      name="i-mdi:cursor-default-outline"
       :class="color"
     />
 
@@ -45,7 +44,6 @@
 </template>
 
 <script setup lang="ts">
-import { NeoIcon } from '@kodadot1/brick'
 import type { CursorDetails, CursorLabel } from './CursorParty.vue'
 import type { UserDetails } from '@/composables/party/types'