From 62d4ec07f0c6884ad640ccb178c64e5d242c45be Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 25 Nov 2024 14:01:35 -0600
Subject: [PATCH] feat: remove on no place

---
 packages/website/src/components/TierList/Row.tsx   |  2 +-
 .../src/components/TierList/Table/constants.ts     |  1 +
 packages/website/src/components/TierList/Tile.tsx  | 14 ++++++++++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/website/src/components/TierList/Row.tsx b/packages/website/src/components/TierList/Row.tsx
index 52eea6978..f05db2fe2 100644
--- a/packages/website/src/components/TierList/Row.tsx
+++ b/packages/website/src/components/TierList/Row.tsx
@@ -39,7 +39,7 @@ export function TierListRow({ index }: TierListRowProps) {
       </Table.RowHeaderCell>
 
       <Table.Cell>
-        <Flex wrap="wrap" height="100%" gap="2">
+        <Flex wrap="wrap" height="100%">
           {tanks.map((id, tankIndex) => {
             const tank = tankDefinitions.tanks[id];
             return (
diff --git a/packages/website/src/components/TierList/Table/constants.ts b/packages/website/src/components/TierList/Table/constants.ts
index c90423b36..dbf4896ff 100644
--- a/packages/website/src/components/TierList/Table/constants.ts
+++ b/packages/website/src/components/TierList/Table/constants.ts
@@ -15,3 +15,4 @@ export const tierListRowElements = new Set<HTMLTableRowElement>();
 export const tierListCardElements = tierListRows.map(
   () => new Set<HTMLDivElement>(),
 );
+export const placedTanks = new Set<number>();
diff --git a/packages/website/src/components/TierList/Tile.tsx b/packages/website/src/components/TierList/Tile.tsx
index 6b4a22447..c8fbe7cb0 100644
--- a/packages/website/src/components/TierList/Tile.tsx
+++ b/packages/website/src/components/TierList/Tile.tsx
@@ -71,6 +71,7 @@ export function TierListTile(props: TierListTileProps) {
     const cardRect = card.current.getBoundingClientRect();
     const cardX = (cardRect.left + cardRect.right) / 2;
     const cardY = (cardRect.top + cardRect.bottom) / 2;
+    let wasPlaced = false;
 
     rowLoop: for (const row of tierListRowElements) {
       const rowRect = row.getBoundingClientRect();
@@ -108,6 +109,8 @@ export function TierListTile(props: TierListTileProps) {
           draft.tanks[rowIndex].splice(tileIndex, 0, props.tank.id);
         });
 
+        wasPlaced = true;
+
         break rowLoop;
       }
 
@@ -119,9 +122,20 @@ export function TierListTile(props: TierListTileProps) {
         draft.tanks[rowIndex].push(props.tank.id);
       });
 
+      wasPlaced = true;
+
       break;
     }
 
+    if (!wasPlaced) {
+      mutateTierList((draft) => {
+        draft.dragging = false;
+        draft.tanks = draft.tanks.map((row) =>
+          row.filter((tankId) => tankId !== props.tank.id),
+        );
+      });
+    }
+
     card.current.style.position = 'static';
     card.current.style.zIndex = 'unset';
     card.current.style.cursor = 'grab';