From ad6544bd52faa2e12f9d326f840c147429875d46 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Wed, 24 Aug 2022 02:23:15 +0700
Subject: [PATCH 1/7] move carousel components into carousel

---
 .../{base => carousel}/CarouselCardList.vue   |  2 +-
 .../GalleryItemCarousel.vue                   | 13 ++++----
 .../Gallery => carousel}/LatestSales.vue      | 19 +++---------
 .../{rmrk/Gallery => carousel}/NewestList.vue | 15 +++------
 .../PopularCollections.vue                    | 14 ++++-----
 components/landing/Landing.vue                | 31 ++-----------------
 components/rmrk/Gallery/GalleryItem.vue       |  3 +-
 components/rmrk/Gallery/Pagination.vue        |  8 ++---
 8 files changed, 34 insertions(+), 71 deletions(-)
 rename components/{base => carousel}/CarouselCardList.vue (98%)
 rename components/{rmrk/Gallery => carousel}/GalleryItemCarousel.vue (85%)
 rename components/{rmrk/Gallery => carousel}/LatestSales.vue (84%)
 rename components/{rmrk/Gallery => carousel}/NewestList.vue (84%)
 rename components/{rmrk/Gallery => carousel}/PopularCollections.vue (85%)

diff --git a/components/base/CarouselCardList.vue b/components/carousel/CarouselCardList.vue
similarity index 98%
rename from components/base/CarouselCardList.vue
rename to components/carousel/CarouselCardList.vue
index 3346560ac5..99e595b082 100644
--- a/components/base/CarouselCardList.vue
+++ b/components/carousel/CarouselCardList.vue
@@ -89,7 +89,7 @@ import { Component, Prop, mixins } from 'nuxt-property-decorator'
 import AuthMixin from '@/utils/mixins/authMixin'
 import PrefixMixin from '@/utils/mixins/prefixMixin'
 
-import type { CarouselNFT } from './types'
+import type { CarouselNFT } from '@/components/base/types'
 
 const components = {
   Money: () => import('@/components/shared/format/Money.vue'),
diff --git a/components/rmrk/Gallery/GalleryItemCarousel.vue b/components/carousel/GalleryItemCarousel.vue
similarity index 85%
rename from components/rmrk/Gallery/GalleryItemCarousel.vue
rename to components/carousel/GalleryItemCarousel.vue
index 38809a0f8a..93a90b0b1c 100644
--- a/components/rmrk/Gallery/GalleryItemCarousel.vue
+++ b/components/carousel/GalleryItemCarousel.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="my-5" v-if="showCarousel">
+    <div v-if="showCarousel" class="my-5">
       <p class="subtitle is-size-4">{{ $t(`nft.${type}`) }}</p>
       <CarouselCardList :nfts="nfts" />
     </div>
@@ -8,10 +8,10 @@
 </template>
 
 <script lang="ts">
-import { Component, mixins, Prop } from 'nuxt-property-decorator'
-import { formatNFT } from '~/utils/carousel'
-import { visitedNFT } from '~/utils/localStorage'
-import { MIN_CAROUSEL_NFT } from '~/utils/constants'
+import { Component, Prop, mixins } from 'nuxt-property-decorator'
+import { formatNFT } from '@/utils/carousel'
+import { visitedNFT } from '@/utils/localStorage'
+import { MIN_CAROUSEL_NFT } from '@/utils/constants'
 import PrefixMixin from '@/utils/mixins/prefixMixin'
 
 import collectionEntityById from '@/queries/rmrk/subsquid/collectionEntityById.graphql'
@@ -21,7 +21,8 @@ import { CarouselNFT } from '@/components/base/types'
 
 @Component({
   components: {
-    CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+    CarouselCardList: () =>
+      import('@/components/carousel/CarouselCardList.vue'),
   },
 })
 /**
diff --git a/components/rmrk/Gallery/LatestSales.vue b/components/carousel/LatestSales.vue
similarity index 84%
rename from components/rmrk/Gallery/LatestSales.vue
rename to components/carousel/LatestSales.vue
index 29c027b014..98bb52e918 100644
--- a/components/rmrk/Gallery/LatestSales.vue
+++ b/components/carousel/LatestSales.vue
@@ -27,20 +27,20 @@
 import { Component, mixins } from 'nuxt-property-decorator'
 import { formatDistanceToNow } from 'date-fns'
 
-import { LastEvent } from '~/utils/types/types'
+import { LastEvent } from '@/utils/types/types'
 
 import { convertLastEventToNft, fallbackMetaByNftEvent } from '@/utils/carousel'
 import {
   getCloudflareImageLinks,
   getProperImageLink,
-} from '~/utils/cachingStrategy'
+} from '@/utils/cachingStrategy'
 import lastNftListByEvent from '@/queries/rmrk/subsquid/lastNftListByEvent.graphql'
 
 import AuthMixin from '@/utils/mixins/authMixin'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 
 const components = {
-  CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+  CarouselCardList: () => import('@/components/carousel/CarouselCardList.vue'),
   Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue'),
   Loader: () => import('@/components/shared/Loader.vue'),
 }
@@ -49,8 +49,6 @@ const components = {
   components,
 })
 export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
-  // @Prop({ required: false, type: Array, default: () => [] })
-  // passionList?: string[]
   private nfts: any[] = []
   private events: any[] = []
   private currentValue = 1
@@ -64,19 +62,12 @@ export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
     this.fetchData()
   }
 
-  // @Watch('passionList')
-  // private onPassionList() {
-  //   this.fetchData()
-  // }
-
   async fetchData() {
     const queryVars: { limit: number; event: string } = {
       limit: 10,
       event: 'BUY',
     }
-    // if (this.isLogIn) {
-    //   queryVars.passionAccount = this.accountId
-    // }
+
     const result = await this.$apollo
       .query<{
         events: LastEvent[]
diff --git a/components/rmrk/Gallery/NewestList.vue b/components/carousel/NewestList.vue
similarity index 84%
rename from components/rmrk/Gallery/NewestList.vue
rename to components/carousel/NewestList.vue
index 6e874d312d..80686e0604 100644
--- a/components/rmrk/Gallery/NewestList.vue
+++ b/components/carousel/NewestList.vue
@@ -28,15 +28,15 @@ import { Component, mixins } from 'nuxt-property-decorator'
 import {
   getCloudflareImageLinks,
   getProperImageLink,
-} from '~/utils/cachingStrategy'
+} from '@/utils/cachingStrategy'
 import { formatDistanceToNow } from 'date-fns'
 import lastNftListByEvent from '@/queries/rmrk/subsquid/lastNftListByEvent.graphql'
-import { fallbackMetaByNftEvent, convertLastEventToNft } from '@/utils/carousel'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
+import { convertLastEventToNft, fallbackMetaByNftEvent } from '@/utils/carousel'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 import AuthMixin from '@/utils/mixins/authMixin'
 
 const components = {
-  CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+  CarouselCardList: () => import('@/components/carousel/CarouselCardList.vue'),
   Loader: () => import('@/components/shared/Loader.vue'),
 }
 
@@ -44,11 +44,8 @@ const components = {
   components,
 })
 export default class NewestList extends mixins(PrefixMixin, AuthMixin) {
-  // @Prop({ type: Array, required: false, default: () => [] })
-  // passionList: string[]
   private nfts: any[] = []
   private events: any[] = []
-  private total = 0
 
   get isLoading(): boolean {
     return false
@@ -64,9 +61,7 @@ export default class NewestList extends mixins(PrefixMixin, AuthMixin) {
         limit: 10,
         event: 'LIST',
       }
-      // if (this.isLogIn && this.passionList.length > 9) {
-      //   queryVariables.passionAccount = this.accountId
-      // }
+
       const result = await this.$apollo
         .query<{
           events: { meta; nft: { meta: { id; image } } }
diff --git a/components/rmrk/Gallery/PopularCollections.vue b/components/carousel/PopularCollections.vue
similarity index 85%
rename from components/rmrk/Gallery/PopularCollections.vue
rename to components/carousel/PopularCollections.vue
index a1d43c4940..f0e6cc6a69 100644
--- a/components/rmrk/Gallery/PopularCollections.vue
+++ b/components/carousel/PopularCollections.vue
@@ -13,11 +13,11 @@
       </div>
       <div class="column has-text-right">
         <Pagination
-          simple
-          preserveScroll
           v-model="currentValue"
+          simple
+          preserve-scroll
           :total="total"
-          :perPage="1" />
+          :per-page="1" />
       </div>
     </div>
 
@@ -27,13 +27,13 @@
 
 <script lang="ts">
 import { Component, mixins } from 'nuxt-property-decorator'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 import popularCollectionList from '@/queries/rmrk/subsquid/popularCollectionList.graphql'
-import { RowSeries } from '~/components/series/types'
-import { sanitizeIpfsUrl } from '../utils'
+import { RowSeries } from '@/components/series/types'
+import { sanitizeIpfsUrl } from '@/components/rmrk/utils'
 
 const components = {
-  CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+  CarouselCardList: () => import('@/components/carousel/CarouselCardList.vue'),
   Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue'),
   Loader: () => import('@/components/shared/Loader.vue'),
 }
diff --git a/components/landing/Landing.vue b/components/landing/Landing.vue
index cdab82529f..7582565e52 100644
--- a/components/landing/Landing.vue
+++ b/components/landing/Landing.vue
@@ -69,11 +69,11 @@
         </div>
       </div>
       <div v-if="prefix === 'rmrk' || prefix === 'bsx'">
-        <LazyGalleryLatestSales class="my-5" />
+        <LazyCarouselLatestSales class="my-5" />
         <span v-if="prefix === 'rmrk'">
-          <LazyGalleryPopularCollections class="my-5" />
+          <LazyCarouselPopularCollections class="my-5" />
         </span>
-        <LazyGalleryNewestList class="my-5" />
+        <LazyCarouselNewestList class="my-5" />
       </div>
     </div>
   </section>
@@ -81,7 +81,6 @@
 
 <script lang="ts">
 import { Component, Prop, mixins } from 'nuxt-property-decorator'
-// import passionQuery from '@/queries/rmrk/subsquid/passionFeed.graphql'
 import AuthMixin from '@/utils/mixins/authMixin'
 
 @Component<Landing>({
@@ -93,30 +92,6 @@ import AuthMixin from '@/utils/mixins/authMixin'
 export default class Landing extends mixins(AuthMixin) {
   @Prop({ type: String, required: true, default: 'rmrk' }) prefix!: string
   @Prop({ type: String, default: 'RMRK Protocol' }) buildOn!: string
-
-  // private passionList: string[] = ['']
-
-  // async created() {
-  //   if (this.isLogIn) {
-  //     const result = await this.fetchPassionList()
-  //     if (result.length) {
-  //       this.passionList = this.passionList.concat(result)
-  //     }
-  //   }
-  // }
-
-  //   public async fetchPassionList() {
-  //     const {
-  //       data: { passionFeed },
-  //     } = await this.$apollo.query({
-  //       query: passionQuery,
-  //       client: 'subsquid',
-  //       variables: {
-  //         account: this.accountId,
-  //       },
-  //     })
-  //     return passionFeed?.map((item) => item.id) || []
-  //   }
 }
 </script>
 
diff --git a/components/rmrk/Gallery/GalleryItem.vue b/components/rmrk/Gallery/GalleryItem.vue
index b4b4fe9cf2..5d37205083 100644
--- a/components/rmrk/Gallery/GalleryItem.vue
+++ b/components/rmrk/Gallery/GalleryItem.vue
@@ -195,7 +195,8 @@ import AvailableActions from './AvailableActions.vue'
     Detail: () => import('@/components/unique/Gallery/Item/Detail.vue'),
     BaseGalleryItem: () =>
       import('@/components/shared/gallery/BaseGalleryItem.vue'),
-    GalleryItemCarousel: () => import('./GalleryItemCarousel.vue'),
+    GalleryItemCarousel: () =>
+      import('@/components/carousel/GalleryItemCarousel.vue'),
   },
   directives: {
     orientation: Orientation,
diff --git a/components/rmrk/Gallery/Pagination.vue b/components/rmrk/Gallery/Pagination.vue
index cec7351f3b..1209eeeb01 100644
--- a/components/rmrk/Gallery/Pagination.vue
+++ b/components/rmrk/Gallery/Pagination.vue
@@ -1,7 +1,7 @@
 <template>
   <div
-    class="is-align-self-flex-end is-flex is-justify-content-flex-end"
-    v-if="total > perPage">
+    v-if="total > perPage"
+    class="is-align-self-flex-end is-flex is-justify-content-flex-end">
     <b-pagination
       :total="total"
       :current.sync="current"
@@ -18,9 +18,9 @@
     </b-pagination>
     <b-tooltip :label="$t('tooltip.random') + ' (g+r)'">
       <b-button
+        v-if="hasMagicBtn"
         class="ml-2 magicBtn is-bordered-light share-button"
         title="Go to random page"
-        v-if="hasMagicBtn"
         type="is-primary"
         icon-left="dice"
         @click="goToRandomPage">
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Prop, mixins, Watch } from 'nuxt-property-decorator'
+import { Component, Prop, Watch, mixins } from 'nuxt-property-decorator'
 import { Debounce } from 'vue-debounce-decorator'
 import { getRandomIntInRange } from '../utils'
 import KeyboardEventsMixin from '~/utils/mixins/keyboardEventsMixin'

From 0137dc942a94acbb326b3bbcfe52f6057f8c5a3e Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Wed, 24 Aug 2022 02:29:00 +0700
Subject: [PATCH 2/7] remove unused async

---
 components/carousel/LatestSales.vue        | 2 +-
 components/carousel/PopularCollections.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/carousel/LatestSales.vue b/components/carousel/LatestSales.vue
index 98bb52e918..dff42c181d 100644
--- a/components/carousel/LatestSales.vue
+++ b/components/carousel/LatestSales.vue
@@ -58,7 +58,7 @@ export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
     return false
   }
 
-  async fetch() {
+  fetch() {
     this.fetchData()
   }
 
diff --git a/components/carousel/PopularCollections.vue b/components/carousel/PopularCollections.vue
index f0e6cc6a69..81eabe05b9 100644
--- a/components/carousel/PopularCollections.vue
+++ b/components/carousel/PopularCollections.vue
@@ -50,7 +50,7 @@ export default class PopularCollections extends mixins(PrefixMixin) {
     return false
   }
 
-  async created() {
+  created() {
     this.handleResult()
   }
 

From 0b2ded4d8c3b264a43ea39b6e58116ee1fa8b9c6 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Wed, 24 Aug 2022 03:25:39 +0700
Subject: [PATCH 3/7] revert commented passionFeed

---
 components/carousel/LatestSales.vue | 13 +++++++++++--
 components/carousel/NewestList.vue  |  7 ++++++-
 components/landing/Landing.vue      | 25 +++++++++++++++++++++++++
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/components/carousel/LatestSales.vue b/components/carousel/LatestSales.vue
index dff42c181d..e1e61aa77b 100644
--- a/components/carousel/LatestSales.vue
+++ b/components/carousel/LatestSales.vue
@@ -49,6 +49,8 @@ const components = {
   components,
 })
 export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
+  // @Prop({ required: false, type: Array, default: () => [] })
+  // passionList?: string[]
   private nfts: any[] = []
   private events: any[] = []
   private currentValue = 1
@@ -58,16 +60,23 @@ export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
     return false
   }
 
-  fetch() {
+  async fetch() {
     this.fetchData()
   }
 
+  // @Watch('passionList')
+  // private onPassionList() {
+  //   this.fetchData()
+  // }
+
   async fetchData() {
     const queryVars: { limit: number; event: string } = {
       limit: 10,
       event: 'BUY',
     }
-
+    // if (this.isLogIn) {
+    //   queryVars.passionAccount = this.accountId
+    // }
     const result = await this.$apollo
       .query<{
         events: LastEvent[]
diff --git a/components/carousel/NewestList.vue b/components/carousel/NewestList.vue
index 80686e0604..2983fb5d8a 100644
--- a/components/carousel/NewestList.vue
+++ b/components/carousel/NewestList.vue
@@ -44,8 +44,11 @@ const components = {
   components,
 })
 export default class NewestList extends mixins(PrefixMixin, AuthMixin) {
+  // @Prop({ type: Array, required: false, default: () => [] })
+  // passionList: string[]
   private nfts: any[] = []
   private events: any[] = []
+  private total = 0
 
   get isLoading(): boolean {
     return false
@@ -61,7 +64,9 @@ export default class NewestList extends mixins(PrefixMixin, AuthMixin) {
         limit: 10,
         event: 'LIST',
       }
-
+      // if (this.isLogIn && this.passionList.length > 9) {
+      //   queryVariables.passionAccount = this.accountId
+      // }
       const result = await this.$apollo
         .query<{
           events: { meta; nft: { meta: { id; image } } }
diff --git a/components/landing/Landing.vue b/components/landing/Landing.vue
index 7582565e52..5934609167 100644
--- a/components/landing/Landing.vue
+++ b/components/landing/Landing.vue
@@ -81,6 +81,7 @@
 
 <script lang="ts">
 import { Component, Prop, mixins } from 'nuxt-property-decorator'
+// import passionQuery from '@/queries/rmrk/subsquid/passionFeed.graphql'
 import AuthMixin from '@/utils/mixins/authMixin'
 
 @Component<Landing>({
@@ -92,6 +93,30 @@ import AuthMixin from '@/utils/mixins/authMixin'
 export default class Landing extends mixins(AuthMixin) {
   @Prop({ type: String, required: true, default: 'rmrk' }) prefix!: string
   @Prop({ type: String, default: 'RMRK Protocol' }) buildOn!: string
+
+  // private passionList: string[] = ['']
+
+  // async created() {
+  //   if (this.isLogIn) {
+  //     const result = await this.fetchPassionList()
+  //     if (result.length) {
+  //       this.passionList = this.passionList.concat(result)
+  //     }
+  //   }
+  // }
+
+  //   public async fetchPassionList() {
+  //     const {
+  //       data: { passionFeed },
+  //     } = await this.$apollo.query({
+  //       query: passionQuery,
+  //       client: 'subsquid',
+  //       variables: {
+  //         account: this.accountId,
+  //       },
+  //     })
+  //     return passionFeed?.map((item) => item.id) || []
+  //   }
 }
 </script>
 

From a36e44992a09459b7d53cd2bb558eba2ab1c1a9a Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Wed, 24 Aug 2022 03:27:56 +0700
Subject: [PATCH 4/7] remove unused async

---
 components/carousel/LatestSales.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/carousel/LatestSales.vue b/components/carousel/LatestSales.vue
index e1e61aa77b..b31cefeffb 100644
--- a/components/carousel/LatestSales.vue
+++ b/components/carousel/LatestSales.vue
@@ -60,7 +60,7 @@ export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
     return false
   }
 
-  async fetch() {
+  fetch() {
     this.fetchData()
   }
 

From 00a2fccd531b3e0544c548fb6792bcb73652770e Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Fri, 26 Aug 2022 18:09:35 +0700
Subject: [PATCH 5/7] test 3d once

---
 tests/cypress/e2e/components/media.cy.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/tests/cypress/e2e/components/media.cy.ts b/tests/cypress/e2e/components/media.cy.ts
index db142577e6..6b0fac1a96 100644
--- a/tests/cypress/e2e/components/media.cy.ts
+++ b/tests/cypress/e2e/components/media.cy.ts
@@ -67,15 +67,15 @@ const mediaType = [
     tagRelated: 'model-viewer',
     type: '3d',
   },
-  {
-    url: '/bsx/gallery/2444376227-3',
-    title: '3D Ball',
-    description: 'Smash zone adverse',
-    collection: 'Ping Pong Ball',
-    creator: 'bXhWeV...2sDcbW',
-    tagRelated: 'model-viewer',
-    type: '3d',
-  },
+  // {
+  //   url: '/bsx/gallery/2444376227-3',
+  //   title: '3D Ball',
+  //   description: 'Smash zone adverse',
+  //   collection: 'Ping Pong Ball',
+  //   creator: 'bXhWeV...2sDcbW',
+  //   tagRelated: 'model-viewer',
+  //   type: '3d',
+  // },
   // {
   //   url: '/rmrk/gallery/9684463-c8205518d881699b3e-%E2%9D%84%EF%B8%8F-01_FROM_SINGULARITY-0000000000000005',
   //   title: '01 fr.om - singularity',

From 6d6bbd23949ac25fedaa2b58b5b15f4b56549fc3 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Fri, 26 Aug 2022 18:30:49 +0700
Subject: [PATCH 6/7] test with another 3d once

---
 tests/cypress/e2e/components/media.cy.ts | 28 ++++++++++++------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/tests/cypress/e2e/components/media.cy.ts b/tests/cypress/e2e/components/media.cy.ts
index 6b0fac1a96..8b26dab216 100644
--- a/tests/cypress/e2e/components/media.cy.ts
+++ b/tests/cypress/e2e/components/media.cy.ts
@@ -58,24 +58,24 @@ const mediaType = [
   //   tagRelated: 'img',
   //   type: '3d',
   // },
-  {
-    url: '/rmrk/gallery/11049994-e4c74212b3ed12d02b-INFINITY%20GEMS-GOLD_006-0000000000000094',
-    title: 'GOLD #006',
-    description: 'FIRST EDITION of INFINITY GEMS COLLECTION',
-    collection: 'INFINITY GEMS COLLECTION',
-    creator: 'SrSlayer',
-    tagRelated: 'model-viewer',
-    type: '3d',
-  },
   // {
-  //   url: '/bsx/gallery/2444376227-3',
-  //   title: '3D Ball',
-  //   description: 'Smash zone adverse',
-  //   collection: 'Ping Pong Ball',
-  //   creator: 'bXhWeV...2sDcbW',
+  //   url: '/rmrk/gallery/11049994-e4c74212b3ed12d02b-INFINITY%20GEMS-GOLD_006-0000000000000094',
+  //   title: 'GOLD #006',
+  //   description: 'FIRST EDITION of INFINITY GEMS COLLECTION',
+  //   collection: 'INFINITY GEMS COLLECTION',
+  //   creator: 'SrSlayer',
   //   tagRelated: 'model-viewer',
   //   type: '3d',
   // },
+  {
+    url: '/bsx/gallery/2444376227-3',
+    title: '3D Ball',
+    description: 'Smash zone adverse',
+    collection: 'Ping Pong Ball',
+    creator: 'bXhWeV...2sDcbW',
+    tagRelated: 'model-viewer',
+    type: '3d',
+  },
   // {
   //   url: '/rmrk/gallery/9684463-c8205518d881699b3e-%E2%9D%84%EF%B8%8F-01_FROM_SINGULARITY-0000000000000005',
   //   title: '01 fr.om - singularity',

From dfc5493dbf69c51d558664e655cfeb315f61fac3 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian27@gmail.com>
Date: Fri, 26 Aug 2022 22:38:14 +0700
Subject: [PATCH 7/7] define GalleryItemCarousel for bsx

---
 components/bsx/Gallery/Item/GalleryItem.vue |  2 ++
 tests/cypress/e2e/components/media.cy.ts    | 18 +++++++++---------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/bsx/Gallery/Item/GalleryItem.vue b/components/bsx/Gallery/Item/GalleryItem.vue
index f273807ac1..306db4f326 100644
--- a/components/bsx/Gallery/Item/GalleryItem.vue
+++ b/components/bsx/Gallery/Item/GalleryItem.vue
@@ -217,6 +217,8 @@ import { mapToId } from '@/utils/mappers'
     OfferList: () => import('@/components/bsx/Offer/OfferList.vue'),
     History: () => import('@/components/rmrk/Gallery/History.vue'),
     Navigation: () => import('@/components/rmrk/Gallery/Item/Navigation.vue'),
+    GalleryItemCarousel: () =>
+      import('@/components/carousel/GalleryItemCarousel.vue'),
   },
   directives: {
     orientation: Orientation,
diff --git a/tests/cypress/e2e/components/media.cy.ts b/tests/cypress/e2e/components/media.cy.ts
index 8b26dab216..db142577e6 100644
--- a/tests/cypress/e2e/components/media.cy.ts
+++ b/tests/cypress/e2e/components/media.cy.ts
@@ -58,15 +58,15 @@ const mediaType = [
   //   tagRelated: 'img',
   //   type: '3d',
   // },
-  // {
-  //   url: '/rmrk/gallery/11049994-e4c74212b3ed12d02b-INFINITY%20GEMS-GOLD_006-0000000000000094',
-  //   title: 'GOLD #006',
-  //   description: 'FIRST EDITION of INFINITY GEMS COLLECTION',
-  //   collection: 'INFINITY GEMS COLLECTION',
-  //   creator: 'SrSlayer',
-  //   tagRelated: 'model-viewer',
-  //   type: '3d',
-  // },
+  {
+    url: '/rmrk/gallery/11049994-e4c74212b3ed12d02b-INFINITY%20GEMS-GOLD_006-0000000000000094',
+    title: 'GOLD #006',
+    description: 'FIRST EDITION of INFINITY GEMS COLLECTION',
+    collection: 'INFINITY GEMS COLLECTION',
+    creator: 'SrSlayer',
+    tagRelated: 'model-viewer',
+    type: '3d',
+  },
   {
     url: '/bsx/gallery/2444376227-3',
     title: '3D Ball',