From db13f7a2c39de709d0614006055dd494192df0cb Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Fri, 25 Nov 2022 08:43:44 +0000
Subject: [PATCH] Remove deletion notification and fix selection

---
 .../app/spreadsheet/Spreadsheet.svelte        | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/packages/client/src/components/app/spreadsheet/Spreadsheet.svelte b/packages/client/src/components/app/spreadsheet/Spreadsheet.svelte
index 267a8a7d85..1936bbbab0 100644
--- a/packages/client/src/components/app/spreadsheet/Spreadsheet.svelte
+++ b/packages/client/src/components/app/spreadsheet/Spreadsheet.svelte
@@ -144,11 +144,11 @@
         rows: rowsToDelete,
       })
       await fetch.refresh()
-      notificationStore.actions.success(
-        `${selectedRowCount} row${
-          selectedRowCount === 1 ? "" : "s"
-        } deleted successfully`
-      )
+      // notificationStore.actions.success(
+      //   `${selectedRowCount} row${
+      //     selectedRowCount === 1 ? "" : "s"
+      //   } deleted successfully`
+      // )
 
       // Refresh state
       selectedCell = null
@@ -278,15 +278,24 @@
       {/each}
 
       <!-- New row placeholder -->
-      <div class="cell label new" on:click={addRow}>
-        <Icon hoverable name="Add" />
+      <div
+        class="cell label new"
+        on:click={addRow}
+        on:focus
+        on:mouseover={() => (hoveredRow = "new")}
+        class:hovered={hoveredRow === "new"}
+      >
+        <Icon hoverable name="Add" size="S" />
       </div>
       {#each fields as field, fieldIdx}
         <div
           class="cell new"
           class:sticky={fieldIdx === 0}
           class:shadow={horizontallyScrolled}
+          class:hovered={hoveredRow === "new"}
           on:click={() => addRow(field)}
+          on:focus
+          on:mouseover={() => (hoveredRow = "new")}
         />
       {/each}
     </div>
@@ -374,6 +383,9 @@
     box-shadow: inset 0 0 0 2px var(--spectrum-global-color-blue-400);
     z-index: 1;
   }
+  .cell:not(.selected) {
+    user-select: none;
+  }
   .cell:hover {
     cursor: default;
   }