kodadot · yangwao · Sep 27, 2023 · Sep 13, 2023 · Sep 19, 2023 · Sep 23, 2023
@@ -13,7 +13,7 @@ module.exports = {
   parser: 'vue-eslint-parser',
   parserOptions: {
     parser: '@typescript-eslint/parser',
-    ecmaVersion: 2020,
+    ecmaVersion: 2022,
     sourceType: 'module',
   },
   plugins: ['vue', 'prettier', '@typescript-eslint', 'unicorn'],
@@ -47,6 +47,7 @@ module.exports = {
       },
     ],
     'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
     'vue-scoped-css/v-deep-pseudo-style': ['error', ':deep'],
     'vue-scoped-css/no-deprecated-deep-combinator': 'error',
     'vue-scoped-css/require-v-deep-argument': 'error',

@@ -89,8 +89,7 @@
               <NeoIcon
                 class="ml-1"
                 icon="fire-flame-curved"
-                custom-size="fa-solid"
-                pack="fa-sharp"
+                pack="fass"
                 variant="primary" />
             </div>
           </nuxt-link>
@@ -161,7 +160,7 @@
                 {{ $t('profile.page') }}
                 <NeoIcon icon="user-circle" />
               </span>
-              <NeoIcon class="icon--right" icon="chevron-right" pack="fas" />
+              <NeoIcon class="icon--right" icon="chevron-right" />
             </div>
 
             <div v-if="!account" id="NavProfile">

@@ -40,10 +40,7 @@
                 rel="nofollow noopener noreferrer"
                 class="is-flex is-align-items-center">
                 {{ item.name }}
-                <NeoIcon
-                  icon="arrow-up-right"
-                  class="ml-1 has-text-grey"
-                  pack="fas" />
+                <NeoIcon icon="arrow-up-right" class="ml-1 has-text-grey" />
               </a>
               <nuxt-link v-else :to="item.url">
                 {{ item.name }}
@@ -67,10 +64,7 @@
                 rel="nofollow noopener noreferrer"
                 class="is-flex is-align-items-center">
                 {{ item.name }}
-                <NeoIcon
-                  icon="arrow-up-right"
-                  class="ml-1 has-text-grey"
-                  pack="fas" />
+                <NeoIcon icon="arrow-up-right" class="ml-1 has-text-grey" />
               </a>
               <nuxt-link v-else :to="item.url">
                 {{ item.name }}
@@ -94,10 +88,7 @@
                 rel="nofollow noopener noreferrer"
                 class="is-flex is-align-items-center">
                 {{ item.name }}
-                <NeoIcon
-                  icon="arrow-up-right"
-                  class="ml-1 has-text-grey"
-                  pack="fas" />
+                <NeoIcon icon="arrow-up-right" class="ml-1 has-text-grey" />
               </a>
               <nuxt-link v-else :to="item.url">
                 {{ item.name }}
@@ -148,7 +139,7 @@
 
               <NeoIcon
                 v-else
-                :pack="item.name == 'Swag' ? 'fas' : 'fab'"
+                :pack="item.name == 'Swag' ? 'fasr' : 'fab'"
                 :icon="item.icon" />
             </a>
           </li>

@@ -7,7 +7,6 @@
       :disabled="disabled"
       :loading="loading"
       :expanded="expanded"
-      icon-pack="far"
       outlined
       @click.native="$emit('click')">
       <slot>

@@ -2,7 +2,7 @@
   <div v-if="attributes.title" class="article">
     <div class="is-flex is-align-items-center has-text-grey is-size-5 mb-1">
       <nuxt-link class="has-text-grey" to="/blog">{{ $t('blog') }}</nuxt-link>
-      <NeoIcon icon="chevron-right" pack="far" class="mx-5" />
+      <NeoIcon icon="chevron-right" class="mx-5" />
       <span>{{ attributes.title?.slice(0, 15) }}...</span>
     </div>
     <h1>{{ attributes.title }}</h1>

@@ -36,6 +36,15 @@ const curatedCollection = {
     '7092505797a30ccf48-NEON BABES', // Neon Babes
     'B9F14D738824A41D42-TOKUNFT', // Toku NFT
   ],
+  ahk: [
+    '150', // MyGenArt
+    '134', // Rad Panda
+    '132', // Experience the scenic canyon drive
+    '136', // Emotional Devastation
+    '148', // threads (koda)
+    '138', // Season 23
+    '131', // Forgive me not
+  ],
 }
 
 type Collections = CarouselNFT & SomethingWithMeta

@@ -125,6 +125,7 @@ const displayedFlippers = computed(() => flippers.value.slice(0, offset.value))
 // map of flipper id to bolean, is the NFT details section of that flipper open or nor
 // {id0: false, id1: true, id3: false, ...}
 const isFlipperMoreNFTSectionOpen = flippers.value.reduce(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   (accumelator, [flipperId, _]) => ({
     ...accumelator,
     [flipperId]: false,

@@ -110,6 +110,7 @@ const displayedHolders = computed(() => holders.value.slice(0, offset.value))
 // {id0: false, id1: true, id3: false, ...}
 const isNFTDetailsOpen = ref(
   holders.value.reduce(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     (isOpen, [holderId, _]) => ({
       ...isOpen,
       [holderId]: false,

@@ -6,7 +6,6 @@
         variant="text"
         no-shadow
         icon="xmark"
-        icon-pack="fa-sharp"
         size="medium"
         @click.native="closeLoading" />
       <img src="/unlockable-loader.svg" />

@@ -117,8 +117,6 @@
 </template>
 
 <script lang="ts" setup>
-import { isAfter, isBefore } from 'date-fns'
-
 const phaseList = ref<
   {
     title: string
@@ -158,10 +156,6 @@ const getStatusName = (status: 'close' | 'open' | 'upcoming') => {
       return 'Upcoming'
   }
 }
-
-const isActive = (from: Date, to: Date) => {
-  const now = new Date(Date.now())
-}
 </script>
 
 <style lang="scss" scoped>

@@ -66,7 +66,7 @@
                   :label="buttonLabel"
                   @click.native="handleMint" />
                 <div class="is-flex is-align-items-center mt-2">
-                  <NeoIcon icon="timer" pak="far" class="mr-2" />
+                  <NeoIcon icon="timer" class="mr-2" />
                   {{ leftTime }}
                 </div>
               </div>
@@ -91,7 +91,7 @@
           class="column is-half-desktop is-flex is-flex-direction-column is-justify-content-center order-1">
           <div
             class="is-flex is-align-items-center has-text-weight-bold is-size-6 mb-2">
-            <NeoIcon icon="unlock" class="mr-2" pack="far" />
+            <NeoIcon icon="unlock" class="mr-2" />
             {{ $t('mint.unlockable.howItemWork') }}
           </div>
           <div>
@@ -186,21 +186,21 @@ const statusInformation = computed(() => {
         icon: 'circle-info',
         iconClass: 'has-text-grey',
         labelClass: 'has-text-grey',
-        iconPack: 'far',
+        iconPack: 'fasr',
       }
     : isEligibleUser.value
     ? {
         label: $i18n.t('mint.unlockable.eligible'),
         icon: 'circle-check',
-        iconPack: 'fas',
+        iconPack: 'fasr',
         iconClass: 'has-text-success',
       }
     : {
         label: $i18n.t('mint.unlockable.exclusive'),
         icon: 'circle-info',
         iconClass: 'has-text-grey',
         labelClass: 'has-text-grey',
-        iconPack: 'far',
+        iconPack: 'fasr',
       }
 })
 

@@ -26,7 +26,7 @@
     <div
       v-if="isAuth && walletAccounts.length === 0"
       class="pl-5 pt-2 pb-2 is-flex is-align-items-center auth-tip">
-      <NeoIcon icon="spinner-third" pack="fad" />
+      <NeoIcon icon="spinner-third" />
       <span class="has-text-grey is-size-7 pl-4">
         {{ $i18n.t('walletConnect.authTip') }}
       </span>

@@ -8,7 +8,7 @@
           :label="$i18n.t('identity.fundsReserve')"
           position="bottom"
           multiline>
-          <NeoIcon icon="info-circle" pack="fas" />
+          <NeoIcon icon="info-circle" />
         </NeoTooltip>
       </h1>
 

@@ -17,7 +17,6 @@
           variant="text"
           no-shadow
           icon="xmark"
-          icon-pack="fa-sharp"
           size="medium"
           @click.native="onClose" />
       </header>

@@ -17,7 +17,7 @@
               @click.native="listingCartStore.clear">
               {{ $t('sort.clearAll') }}
             </NeoButton>
-            <div class="mx-4 divider k-grey" />
+            <div class="mx-4 divider has-background-k-grey" />
             <NeoButton
               variant="text"
               class="has-text-grey selection-button"
@@ -43,6 +43,10 @@ import { useListingCartStore } from '@/stores/listingCart'
 import { usePreferencesStore } from '@/stores/preferences'
 const listingCartStore = useListingCartStore()
 const preferencesStore = usePreferencesStore()
+
+onBeforeUnmount(() => {
+  listingCartStore.clear()
+})
 </script>
 <style scoped lang="scss">
 @import '@/styles/abstracts/variables.scss';

@@ -80,7 +80,7 @@ const listingCartStore = useListingCartStore()
 const { transaction, isLoading, status } = useTransaction()
 const { $i18n } = useNuxtApp()
 
-const { chainSymbol } = useChain()
+const { chainSymbol, decimals } = useChain()
 
 const defaultCartData = {
   fixedPrice: undefined,
@@ -166,7 +166,7 @@ async function confirm() {
       Boolean(item.listPrice)
     )
     .map((item) => ({
-      price: String(calculateBalance(item.listPrice)),
+      price: String(calculateBalance(item.listPrice, decimals.value)),
       nftId: item.id,
     })) as TokenToList[]
 

@@ -34,7 +34,7 @@
 import ListingCartPriceInput from '../shared/ListingCartPriceInput.vue'
 import { NeoButton } from '@kodadot1/brick'
 import { ListCartItem, useListingCartStore } from '@/stores/listingCart'
-import { formatBalance } from '@polkadot/util'
+import formatBalance from '@/utils/format/balance'
 import ListingCartItemDetails from '../shared/ListingCartItemDetails.vue'
 const { decimals, chainSymbol } = useChain()
 
@@ -45,9 +45,6 @@ const props = defineProps<{
 }>()
 
 const floor = computed(() =>
-  formatBalance(props.nft.collection.floor, {
-    decimals: decimals.value,
-    withUnit: chainSymbol.value,
-  })
+  formatBalance(props.nft.collection.floor, decimals.value, chainSymbol.value)
 )
 </script>
@@ -37,7 +37,7 @@ import { useListingCartStore } from '@/stores/listingCart'
 import ListingCartItemDetails from '../shared/ListingCartItemDetails.vue'
 import ListingCartFloorPrice from '../shared/ListingCartFloorPrice.vue'
 import ListingCartPriceInput from '../shared/ListingCartPriceInput.vue'
-import { formatBalance } from '@polkadot/util'
+import formatBalance from '@/utils/format/balance'
 
 const emit = defineEmits([
   'update:fixedPrice',
@@ -73,12 +73,7 @@ const collectionPrice = computed(() =>
 )
 
 const formatWithBlank = (value: number) => {
-  return value
-    ? formatBalance(value, {
-        decimals: decimals.value,
-        withUnit: chainSymbol.value,
-      })
-    : '--'
+  return value ? formatBalance(value, decimals.value, chainSymbol.value) : '--'
 }
 
 watch(

@@ -40,7 +40,6 @@
         class="inherit-background-color"
         no-shadow
         icon="trash"
-        icon-pack="far"
         @click.native="emit('delete', nft.id)" />
     </div>
   </div>

@@ -109,7 +109,7 @@ const items = computed(() =>
 )
 
 const emptyCartPlaceholder = computed(() =>
-  isDarkMode.value ? '/cart/empty-cart-dark.png' : '/cart/empty-cart.png'
+  isDarkMode.value ? '/cart/empty-cart-dark.svg' : '/cart/empty-cart.svg'
 )
 
 const numberOfItems = computed(() => items.value.length)
@@ -159,8 +159,12 @@ const openCompletePurcahseModal = () => {
 }
 
 const onCompletePurchase = () => {
-  doAfterLogin({ onLoginSuccess: openCompletePurcahseModal })
   closeShoppingCart()
+
+  // fix: scroll clip mode not working
+  setTimeout(() => {
+    doAfterLogin({ onLoginSuccess: openCompletePurcahseModal })
+  }, 100)
 }
 </script>
 

@@ -204,9 +204,7 @@ const unlimited = ref(true)
 const max = ref(1)
 const symbol = ref('')
 
-const menus = availablePrefixes().filter(
-  (menu) => menu.value !== 'movr' && menu.value !== 'glmr'
-)
+const menus = availablePrefixes()
 const chainByPrefix = menus.find((menu) => menu.value === urlPrefix.value)
 const selectBlockchain = ref(chainByPrefix?.value || menus[0].value)
 

@@ -3,7 +3,7 @@
     class="tag-container is-flex border py-1 px-2 is-justify-content-space-between is-align-items-center">
     <div class="image is-24x24 has-text-centered">
       <img v-if="isMintingLive" src="/drop/unlockable-pulse.svg" />
-      <NeoIcon v-else icon="calendar-day" pack="far" variant="k-grey" />
+      <NeoIcon v-else icon="calendar-day" variant="k-grey" />
     </div>
 
     <span class="pr-1">{{ displayText }}</span>

@@ -8,7 +8,6 @@
       @click="toggleSidebarFilters">
       <NeoIcon
         :icon="isSidebarFiltersOpen && !disabled ? 'times' : 'bars'"
-        pack="fa-sharp"
         size="medium" />
     </a>
     <div class="is-hidden-tablet is-relative">

@@ -76,7 +76,6 @@ import {
   filmTypes,
   framing,
   gender,
-  inspiredBy,
   lights,
   styles,
 } from './options'

@@ -36,7 +36,7 @@ const handleSelectImage = (image: string) => {
   emit('select', image)
 }
 
-const props = defineProps<{
+defineProps<{
   predicion: PredictionStatus
   selected: string
 }>()

@@ -95,7 +95,7 @@ export const buildMetadata = async (
 ): Promise<string> => {
   const blob: Blob = await $fetch(url, { responseType: 'blob' })
   const file = new File([blob], 'image.png', { type: 'image/png' })
-  const imageHash = await pinImageSafe(file, 'token')
+  const imageHash = await pinImageSafe(file)
   const attributes = buildAttributes(options)
   const description = buildDescription(options)
   const name = `${NAME} ${options.gender}`