Empty state for TableOpFeed

scope-sh · May 17, 2024 · 14d38ad · 14d38ad
1 parent 3df0e6c
commit 14d38ad
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/TableOpFeed.vue b/src/components/TableOpFeed.vue
@@ -35,6 +35,12 @@
         </tr>
       </thead>
       <tbody>
+        <div
+          v-if="ops.length === 0"
+          class="empty"
+        >
+          No rows to display.
+        </div>
         <TransitionGroup name="list">
           <tr
             v-for="row in table.getRowModel().rows"
@@ -338,4 +344,12 @@ tbody {
 .hide {
   display: none;
 }
+
+.empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 120px;
+  color: var(--color-text-secondary);
+}
 </style>