[PLA-2011] collections hotsync

resources/js/api/collection.ts

@@ -158,11 +158,12 @@ export class CollectionApi {
         return ApiService.sendPlatformRequest(data);
     }
 
-    static async trackCollection(collectionId: string) {
+    static async trackCollection(collectionId: string, hotSync: boolean = false) {
         const data = {
             query: mutations.TrackCollection,
             variables: {
                 chainIds: [parseInt(collectionId)],
+                hotSync,
             },
         };
 

resources/js/components/TrackCollectionModal.vue

@@ -21,7 +21,7 @@
 
         <div class="flex justify-end space-x-4 mt-6">
             <Btn dusk="trackCancelBtn" @click="closeModal">Cancel</Btn>
-            <Btn dusk="trackConfirmBtn" primary @click="confirm">Track</Btn>
+            <Btn dusk="trackConfirmBtn" primary :loading="loading" :disabled="loading" @click="confirm">Track</Btn>
         </div>
     </Modal>
 </template>
@@ -31,24 +31,27 @@ import { DialogTitle } from '@headlessui/vue';
 import Btn from '~/components/Btn.vue';
 import Modal from '~/components/Modal.vue';
 import FormInput from './FormInput.vue';
-import { onUnmounted, ref } from 'vue';
+import { onMounted, ref } from 'vue';
 
 const props = defineProps<{ isOpen: boolean }>();
 
 const emit = defineEmits(['closed', 'confirm']);
 
 const collectionId = ref();
+const loading = ref(false);
 
 const confirm = async () => {
+    loading.value = true;
     emit('confirm', collectionId.value);
-    closeModal();
 };
 
 const closeModal = () => {
+    collectionId.value = '';
     emit('closed');
 };
 
-onUnmounted(() => {
+onMounted(() => {
     collectionId.value = '';
+    loading.value = false;
 });
 </script>

resources/js/components/pages/Collections.vue

@@ -427,18 +427,21 @@ const openTransactionSlide = async (transactionId: string) => {
 
 const trackCollection = async (collectionId: string) => {
     try {
-        await CollectionApi.trackCollection(collectionId);
+        const hotSync = !appStore.isMultiTenant;
+        await CollectionApi.trackCollection(collectionId, hotSync);
         await getCollections();
         snackbar.success({
             title: 'Tracking',
             text: 'Collection tracked successfully',
             save: false,
         });
     } catch {
-        snackbar.info({
+        snackbar.error({
             title: 'Tracking',
             text: 'Tracking the collection failed',
         });
+    } finally {
+        trackModal.value = false;
     }
 };
 

resources/js/graphql/mutation/TrackCollection.ts

@@ -1,3 +1,3 @@
-export default `mutation addToTracked($type: ModelType! = COLLECTION, $chainIds:[BigInt!]!) {
-    AddToTracked(type: $type, chainIds: $chainIds, hotSync: false)
+export default `mutation addToTracked($type: ModelType! = COLLECTION, $chainIds:[BigInt!]!, $hotSync: Boolean = false) {
+    AddToTracked(type: $type, chainIds: $chainIds, hotSync: $hotSync)
 }`;