Basic filtering and buttong

src/components/task/TaskTableComponent.vue

@@ -13,7 +13,6 @@
       v-model:selected="selected"
       :filter="searchFilter"
       :filter-method="filterRows"
-      @row-click="onRowClick"
     >
       <template v-slot:top>
         <q-btn
@@ -106,6 +105,22 @@
           />
         </q-td>
       </template>
+      <template v-slot:body-cell-actions="props">
+        <q-td :props="props" class="q-gutter-sm">
+          <q-btn
+            label="Sign Up"
+            size="sm"
+            color="primary"
+            :to="{ name: 'signup-task', params: { id: props.value } }"
+          />
+          <q-btn
+            label="Edit"
+            size="sm"
+            color="primary"
+            :to="{ name: 'edit-task', params: { id: props.value } }"
+          />
+        </q-td>
+      </template>
     </q-table>
   </div>
 </template>
@@ -196,6 +211,7 @@ const columns = <QTableProps['columns']>[
       );
     },
   },
+  { name: 'actions', align: 'center', label: 'Actions', field: '$id' },
 ];
 
 const props = defineProps<{ tasks: Task[] }>();
@@ -212,7 +228,6 @@ const skillTagOptions = ref<SkillTag[]>(taskStore.skillTags);
 const taskTagOptions = ref<TaskTag[]>(taskStore.taskTags);
 
 function onRowClick(evt: Event, row: Task) {
-  console.log(row);
   router.push({ name: 'edit-task', params: { id: row.$id } });
 }
 // TODO: Implement server side search