(beta): 9 % of January 2025 Hazelnut 🌰

.github/renovate.json

@@ -4,37 +4,55 @@
   "automerge": true,
   "automergeType": "pr-comment",
   "automergeComment": "lgtm",
-  "extends": ["config:base", ":dependencyDashboard"],
+  "extends": [
+    "config:recommended",
+    ":dependencyDashboard"
+  ],
   "prHourlyLimit": 5,
-  "enabledManagers": ["npm"],
+  "enabledManagers": [
+    "npm"
+  ],
   "rangeStrategy": "bump",
   "updatePinnedDependencies": false,
-  "schedule": ["before 3am on Monday"],
+  "schedule": [
+    "before 3am on Monday"
+  ],
   "packageRules": [
     {
-      "matchSourceUrlPrefixes": [
-        "https://github.com/polkadot-js/",
-        "https://github.com/vue-polkadot/",
-        "https://github.com/kodadot/packages",
-        "https://github.com/cloudacy/vue-markdown-render",
-        "https://github.com/FortAwesome/Font-Awesome",
-        "https://github.com/TypeStrong/ts-loader"
-      ],
       "groupName": "merge with hazmat suit extra",
-      "enabled": false
+      "enabled": false,
+      "matchSourceUrls": [
+        "https://github.com/polkadot-js/{/,}**",
+        "https://github.com/vue-polkadot/{/,}**",
+        "https://github.com/kodadot/packages{/,}**",
+        "https://github.com/cloudacy/vue-markdown-render{/,}**",
+        "https://github.com/FortAwesome/Font-Awesome{/,}**",
+        "https://github.com/TypeStrong/ts-loader{/,}**"
+      ]
     },
     {
       "groupName": "Bumped minor version of packages",
       "prHeader": "Bumped minor version of packages, check if builds are still passing, please 🥺",
-      "matchUpdateTypes": ["minor", "patch"],
-      "matchDepTypes": ["dependencies", "devDependencies"]
+      "matchUpdateTypes": [
+        "minor",
+        "patch"
+      ],
+      "matchDepTypes": [
+        "dependencies",
+        "devDependencies"
+      ]
     },
     {
-      "matchUpdateTypes": ["major", "pin"],
+      "matchUpdateTypes": [
+        "major",
+        "pin"
+      ],
       "enabled": false
     },
     {
-      "packageNames": ["node"],
+      "matchPackageNames": [
+        "node"
+      ],
       "enabled": false
     }
   ]

components/collection/CollectionDetail.vue

@@ -43,7 +43,7 @@
       v-if="nfts && !isLoading"
       class="flex justify-around is-vcentered"
     >
-      <div class="detail-item text-center column">
+      <div class="detail-item text-center basis-0 grow shrink p-3">
         <p class="detail-item__title text-k-grey">
           {{ $t('collectionCard.volume') }}
         </p>
@@ -52,7 +52,7 @@
           :value="collectionTradedVolumeNumber"
         />
       </div>
-      <div class="detail-item text-center column">
+      <div class="detail-item text-center basis-0 grow shrink p-3">
         <p class="detail-item__title text-k-grey">
           {{ $t('series.highestSale') }}
         </p>
@@ -62,7 +62,7 @@
         />
       </div>
 
-      <div class="detail-item text-center column">
+      <div class="detail-item text-center basis-0 grow shrink p-3">
         <p class="detail-item__title text-k-grey">
           {{ $t('collectionCard.items') }}
         </p>
@@ -76,7 +76,7 @@
       <div
         v-for="n in DESC_SKELETON_COUNT"
         :key="n"
-        class="flex items-center detail-item column px-5"
+        class="flex items-center detail-item basis-0 grow shrink p-3 px-5"
       >
         <NeoSkeleton
           no-margin

components/collection/drop/GenerativeLayout.vue

@@ -3,8 +3,8 @@
     <div
       class="relative w-full mx-auto px-[1.25rem] md:px-[2.5rem] min-[1440px]:max-w-[1440px]"
     >
-      <div class="columns is-variable is-4-tablet">
-        <div class="column is-half-desktop mobile-padding lg:max-w-[600px]">
+      <div class="flex">
+        <div class="mobile-padding lg:max-w-[600px]">
           <div class="flex justify-between flex-wrap max-w-[504px]">
             <div
               v-if="address"

components/drops/CreateCalendarEventModal.vue

@@ -71,7 +71,7 @@ const eventDetails = {
 const getNextDropDate = (): Date => {
   const currentDate = new Date()
   const daysUntilThursday = (11 - currentDate.getDay()) % 7
-  const millisecondsUntilThursday = daysUntilThursday * 24 * 60 * 60 * 1000
+  const millisecondsUntilThursday = daysUntilThursday * ONE_DAY_MS
   currentDate.setUTCHours(14, 0, 0, 0) // Set time to 3 PM CET
   const dropDate = new Date(currentDate.getTime() + millisecondsUntilThursday)
   dropDate.setHours(currentDate.getHours())

components/drops/utils.ts

@@ -62,7 +62,6 @@ export const parseCETDate = (datetime: string): Date => {
 
 export const dateHasTime = (datetime: string): boolean => /:/.test(datetime)
 
-const ONE_DAYH_IN_MS = 24 * 60 * 60 * 1000
 const getLocalDropStatus = (drop: Pick<DropItem, 'dropStartTime' | 'minted' | 'max' | 'disabled'>): DropStatus => {
   const now = new Date()
 
@@ -81,7 +80,7 @@ const getLocalDropStatus = (drop: Pick<DropItem, 'dropStartTime' | 'minted' | 'm
     return DropStatus.MINTING_LIVE
   }
 
-  if (drop.dropStartTime.valueOf() - now.valueOf() <= ONE_DAYH_IN_MS) {
+  if (drop.dropStartTime.valueOf() - now.valueOf() <= ONE_DAY_MS) {
     return DropStatus.SCHEDULED_SOON
   }
 

components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemTrade.vue

@@ -86,26 +86,11 @@ const onMakeOfferClick = () => {
 const onSwapClick = () => {
   onTradeActionClick(() => {
     const nft = props.nft
-    const swap = swapStore.createSwap(nft.currentOwner)
-
-    swapStore.updateItem({
-      ...swap,
-      desired: [
-        {
-          id: nft.id,
-          collectionId: nft.collection.id,
-          sn: nft.sn,
-          name: nft.name,
-          meta: nft.meta,
-        },
-      ],
+    const swap = swapStore.createSwap(nft.currentOwner, {
+      desired: [nftToSwapItem(nft)],
     })
 
-    navigateTo({
-      name: 'prefix-swap-id',
-      params: { id: nft.currentOwner },
-      query: { swapId: swap.id },
-    })
+    navigateToSwap(swap)
   })
 }
 

components/gallery/useGalleryItem.ts

@@ -64,8 +64,12 @@ export const useGalleryItem = (nftId?: string): GalleryItem => {
     },
   })
 
-  const refreshToken = async () => {
+  const getIndexerToken = () => {
     refetch({ id })
+  }
+
+  const refreshToken = async () => {
+    getIndexerToken()
     getOdaToken()
   }
 
@@ -120,7 +124,8 @@ export const useGalleryItem = (nftId?: string): GalleryItem => {
         id
       }
     }`,
-    onChange: refetch,
+    onChange: getIndexerToken,
+    immediate: false,
   })
 
   useSubscriptionGraphql({

components/items/ItemsGrid/ItemsGrid.vue

@@ -43,6 +43,7 @@
               ? 'minimal'
               : 'primary'
           "
+          :link-target="linkTarget"
         />
         <ItemsGridImageTokenEntity
           v-else
@@ -51,6 +52,7 @@
           :hide-action="hideNFTHoverAction"
           :hide-listing="hideListing"
           hide-video-controls
+          :link-target="linkTarget"
           :lazy-loading="
             shouldLazyLoad({
               cols: slotProps.cols,
@@ -148,6 +150,7 @@ const props = defineProps<{
   hideHoverAction?: boolean
   collectionPopoverHide?: boolean
   hideListing?: boolean
+  linkTarget?: string
 }>()
 
 const emit = defineEmits(['total', 'loading'])

components/items/ItemsGrid/ItemsGridImage.vue

@@ -16,6 +16,7 @@
     bind-key="to"
     :media-static-video="hideVideoControls"
     media-hover-on-cover-play
+    :link-target="linkTarget"
   >
     <template
       v-if="!hideAction"
@@ -106,6 +107,7 @@ const props = defineProps<{
   collectionPopoverHide?: boolean
   lazyLoading?: boolean
   skeletonVariant: string
+  linkTarget?: string
 }>()
 
 const {

components/items/ItemsGrid/ItemsGridImageTokenEntity.vue

@@ -20,6 +20,7 @@
     :media-static-video="hideVideoControls"
     :lazy-loading="lazyLoading"
     media-hover-on-cover-play
+    :link-target="linkTarget"
   >
     <template
       v-if="!hideAction"
@@ -123,6 +124,7 @@ const props = defineProps<{
   lazyLoading?: boolean
   skeletonVariant: string
   hideListing?: boolean
+  linkTarget?: string
 }>()
 
 const {