From 8a050133a13d0cf4d1b0a2c63a6dd12ded9f9130 Mon Sep 17 00:00:00 2001
From: emagici <skrullweb.dev@gmail.com>
Date: Fri, 5 May 2023 09:42:19 -0400
Subject: [PATCH] #5852 Buefy checkbox to neo checkbox

---
 components/rmrk/Gallery/Holder/Holder.vue | 7 ++++---
 components/shared/form/BasicCheckbox.vue  | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/rmrk/Gallery/Holder/Holder.vue b/components/rmrk/Gallery/Holder/Holder.vue
index 660e72897a..cee73a8833 100644
--- a/components/rmrk/Gallery/Holder/Holder.vue
+++ b/components/rmrk/Gallery/Holder/Holder.vue
@@ -24,15 +24,15 @@
         <div class="is-flex is-justify-content-space-between box-container">
           <b-field grouped group-multiline>
             <div class="control">
-              <b-checkbox v-model="showDetailIcon">NFT Details</b-checkbox>
+              <NeoCheckbox v-model="showDetailIcon">NFT Details</NeoCheckbox>
             </div>
             <div
               v-for="(column, index) in columnsVisible"
               :key="index"
               class="control">
-              <b-checkbox v-model="column.display">
+              <NeoCheckbox v-model="column.display">
                 {{ column.title }}
-              </b-checkbox>
+              </NeoCheckbox>
             </div>
           </b-field>
         </div>
@@ -167,6 +167,7 @@ import { Component, Prop, Watch, mixins } from 'nuxt-property-decorator'
 import { Debounce } from 'vue-debounce-decorator'
 import { Interaction } from '@kodadot1/minimark/v1'
 import { formatDistanceToNow } from 'date-fns'
+import { NeoCheckbox } from '@kodadot1/brick'
 
 import ChainMixin from '@/utils/mixins/chainMixin'
 import KeyboardEventsMixin from '@/utils/mixins/keyboardEventsMixin'
diff --git a/components/shared/form/BasicCheckbox.vue b/components/shared/form/BasicCheckbox.vue
index bbf3bac386..250e8656bc 100644
--- a/components/shared/form/BasicCheckbox.vue
+++ b/components/shared/form/BasicCheckbox.vue
@@ -1,13 +1,14 @@
 <template>
   <b-field>
-    <b-checkbox v-model="isChecked" :disabled="disabled">
+    <NeoCheckbox v-model="isChecked" :disabled="disabled">
       {{ $t(label) }}
-    </b-checkbox>
+    </NeoCheckbox>
   </b-field>
 </template>
 
 <script lang="ts">
 import { Component, Prop, VModel, Vue } from 'nuxt-property-decorator'
+import { NeoCheckbox } from '@kodadot1/brick'
 
 @Component
 export default class BasicCheckbox extends Vue {