disabled download btn

pages/predicted-structure.vue

@@ -72,7 +72,7 @@ watch(facetDistribution, (facetDistri) => {
             <v-toolbar-title>Predicted Structures summary ({{ itemsLength }})
             </v-toolbar-title>
             <JsonCSV :data="items" name="predicted-structures-summary-defense-system.csv">
-                <v-btn icon>
+                <v-btn disabled icon>
                     <v-icon icon="md:download"></v-icon>
                     <v-tooltip activator="parent" location="bottom">Download {{ itemsLength }} entries</v-tooltip>
                 </v-btn>

pages/refseq.vue

@@ -194,7 +194,7 @@ const computedDistriTaxoOptions = computed(() => {
 });
 // const datatable = ref(null)
 const hasToGenerateDownload = ref(false)
-let itemsToDownload = ref()
+let itemsToDownload = ref([])
 
 watch(hasToGenerateDownload, (val) => {
   console.log(val)
@@ -211,8 +211,8 @@ watch(hasToGenerateDownload, (val) => {
       <v-app-bar-nav-icon></v-app-bar-nav-icon>
       <v-toolbar-title>RefSeq Entries ({{ itemsLength }})
       </v-toolbar-title>
-      <JsonCSV :data="itemsToDownload" name="refseq-defenes-system.csv">
-        <v-btn icon @click="hasToGenerateDownload = true">
+      <JsonCSV  :data="itemsToDownload" name="refseq-defenes-system.csv">
+        <v-btn disabled icon @click="hasToGenerateDownload = true">
           <v-icon icon="md:download"></v-icon>
           <v-tooltip activator="parent" location="bottom">Download {{ itemsLength }} entries</v-tooltip>
         </v-btn>