From 31f77e50d9f2632af8d42dfa49bdcdfd1e017715 Mon Sep 17 00:00:00 2001
From: iamBadgers <iamBadgers>
Date: Tue, 24 Mar 2026 01:07:22 -0700
Subject: [PATCH] Get the close working as well

---
 src/App.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 9fee86d..32fda99 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,6 +29,12 @@ function startTable(tableId: number) {
   activate.then((resp) => axios.get('http://localhost/api/active_tables')).then((resp) => activeTables.value = resp.data)
 }
 
+function stopTable(tableId: number) {
+  const activate = axios.get(`http://localhost/api/tables/${tableId}:stop`);
+  activate.then((resp) => axios.get('http://localhost/api/tables')).then((resp) => allTables.value = resp.data)
+  activate.then((resp) => axios.get('http://localhost/api/active_tables')).then((resp) => activeTables.value = resp.data)
+}
+
 </script>
 
 <style>
@@ -58,7 +64,7 @@ function startTable(tableId: number) {
         <Column field="table_link" header="Table Link" />
         <Column header="Close">
           <template #body="slotProps">
-            <Button label="Close" />
+            <Button label="Close" @click="stopTable(slotProps.data.id)"/>
           </template>
         </Column>
       </DataTable>