From d15b1748ef9e4394cdfb0b4b12d3efb1f0ab62ba Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 6 Mar 2023 11:30:38 +0000
Subject: [PATCH] Update layout and remove logging

---
 .../frontend-core/src/components/sheet/RowCount.svelte   | 9 +++++++++
 packages/frontend-core/src/components/sheet/Sheet.svelte | 1 +
 .../frontend-core/src/components/sheet/SheetCell.svelte  | 3 +--
 packages/frontend-core/src/components/sheet/websocket.js | 9 ---------
 4 files changed, 11 insertions(+), 11 deletions(-)
 create mode 100644 packages/frontend-core/src/components/sheet/RowCount.svelte

diff --git a/packages/frontend-core/src/components/sheet/RowCount.svelte b/packages/frontend-core/src/components/sheet/RowCount.svelte
new file mode 100644
index 0000000000..383e50a525
--- /dev/null
+++ b/packages/frontend-core/src/components/sheet/RowCount.svelte
@@ -0,0 +1,9 @@
+<script>
+  import { getContext } from "svelte"
+
+  const { rows } = getContext("sheet")
+</script>
+
+<div>
+  {$rows.length} row{$rows.length === 1 ? "" : "s"}
+</div>
diff --git a/packages/frontend-core/src/components/sheet/Sheet.svelte b/packages/frontend-core/src/components/sheet/Sheet.svelte
index 3df2d27287..0e5a4f5d1a 100644
--- a/packages/frontend-core/src/components/sheet/Sheet.svelte
+++ b/packages/frontend-core/src/components/sheet/Sheet.svelte
@@ -19,6 +19,7 @@
   import ScrollOverlay from "./ScrollOverlay.svelte"
   import StickyColumn from "./StickyColumn.svelte"
   import UserAvatars from "./UserAvatars.svelte"
+  import RowCount from "./RowCount.svelte"
 
   export let API
   export let tableId
diff --git a/packages/frontend-core/src/components/sheet/SheetCell.svelte b/packages/frontend-core/src/components/sheet/SheetCell.svelte
index 4527acf900..a4140b6434 100644
--- a/packages/frontend-core/src/components/sheet/SheetCell.svelte
+++ b/packages/frontend-core/src/components/sheet/SheetCell.svelte
@@ -19,7 +19,6 @@
   const getStyle = (width, selectedUser) => {
     let style = `flex: 0 0 ${width}px;`
     if (selectedUser) {
-      console.log(selectedUser)
       style += `--user-color:${selectedUser.color};`
     }
     return style
@@ -47,7 +46,7 @@
   <slot />
   {#if selectedUser && !selected}
     <div class="user">
-      {selectedUser.label} wwwwwwwwwwwwwwwwwwwwaaaaaa
+      {selectedUser.label}
     </div>
   {/if}
 </div>
diff --git a/packages/frontend-core/src/components/sheet/websocket.js b/packages/frontend-core/src/components/sheet/websocket.js
index fad716d667..60d0df05ae 100644
--- a/packages/frontend-core/src/components/sheet/websocket.js
+++ b/packages/frontend-core/src/components/sheet/websocket.js
@@ -25,8 +25,6 @@ export const createWebsocket = context => {
     if (!socket.connected) {
       return
     }
-    console.log("Identifying dataspace", tableId)
-
     // Identify which dataspace we are editing
     socket.emit("select-dataspace", tableId, response => {
       // handle initial connection info
@@ -39,24 +37,17 @@ export const createWebsocket = context => {
   socket.on("connect", () => {
     connectToDataspace(get(tableId))
   })
-
   socket.on("row-update", data => {
-    console.log("row-update", data.id)
     if (data.id) {
       rows.actions.refreshRow(data.id)
     }
   })
-
   socket.on("user-update", user => {
-    console.log("user-update", user.id)
     users.actions.updateUser(user)
   })
-
   socket.on("user-disconnect", user => {
-    console.log("user-disconnect", user.id)
     users.actions.removeUser(user)
   })
-
   socket.on("connect_error", err => {
     console.log("Failed to connect to websocket:", err.message)
   })