Merge pull request #57 from beekeeper-studio/fix/zero-rows

dont show view more button if the number of rows is zero

Author: azmy60

src/components/messages/tool/RunQueryResult.vue

@@ -3,47 +3,49 @@
     <span>
       Query returned {{ rows.length }} {{ $pluralize('row', rows.length) }}
     </span>
-    <div class="preview-table-container" v-if="rows.length > 0">
-      <table class="preview-table">
-        <thead>
-          <tr>
-            <th v-for="column in columns" :key="column.id">
-              {{ column.name }}
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="(row, index) in limitedRows" :key="index">
-            <td
-              v-for="column in columns"
-              :key="column.id"
-              :class="{
-                'null-cell': row[column.id] === null,
-                'empty-cell': row[column.id] === '',
-              }"
-            >
-              <template v-if="row[column.id] === ''">(EMPTY)</template>
-              <template v-else-if="row[column.id] === null">(NULL)</template>
-              <template v-else>{{ row[column.id] }}</template>
-            </td>
-          </tr>
-          <tr v-if="remainingRows > 0" class="remaining-rows">
-            <td :colspan="columns.length">
-              ... {{ remainingRows }} more {{ $pluralize('row', remainingRows) }}
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <button
-      class="btn btn-primary view-more-btn"
-      @click.prevent="handleViewMoreClick"
-    >
-      <div class="label">View more</div>
-      <span class="material-symbols-outlined open-icon">
-        keyboard_double_arrow_down
-      </span>
-    </button>
+    <template v-if="rows.length > 0">
+      <div class="preview-table-container">
+        <table class="preview-table">
+          <thead>
+            <tr>
+              <th v-for="column in columns" :key="column.id">
+                {{ column.name }}
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="(row, index) in limitedRows" :key="index">
+              <td
+                v-for="column in columns"
+                :key="column.id"
+                :class="{
+                  'null-cell': row[column.id] === null,
+                  'empty-cell': row[column.id] === '',
+                }"
+              >
+                <template v-if="row[column.id] === ''">(EMPTY)</template>
+                <template v-else-if="row[column.id] === null">(NULL)</template>
+                <template v-else>{{ row[column.id] }}</template>
+              </td>
+            </tr>
+            <tr v-if="remainingRows > 0" class="remaining-rows">
+              <td :colspan="columns.length">
+                ... {{ remainingRows }} more {{ $pluralize('row', remainingRows) }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <button
+        class="btn btn-primary view-more-btn"
+        @click.prevent="handleViewMoreClick"
+      >
+        <div class="label">View more</div>
+        <span class="material-symbols-outlined open-icon">
+          keyboard_double_arrow_down
+        </span>
+      </button>
+    </template>
   </div>
 </template>