From b3659a70e87ff9f40669cdad517dafda4ccd9ba2 Mon Sep 17 00:00:00 2001
From: cjgammon <cj.gammon@gmail.com>
Date: Sat, 31 Aug 2024 15:42:18 -0500
Subject: [PATCH] update bubble path

---
 main.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/main.js b/main.js
index 717a3ff..6883a11 100644
--- a/main.js
+++ b/main.js
@@ -131,7 +131,7 @@ function updatePieceGrid(grid, shape, color) {
       cellElement.className = 'piece-cell';
       cellElement.style.backgroundColor = cell ? color : 'transparent';
       if (cell) {
-        cellElement.style.backgroundImage = 'url("./bubble.png")';
+        cellElement.style.backgroundImage = 'url("./public/bubble.png")';
         cellElement.style.backgroundSize = 'cover';
         const hueRotation = getHueRotationFromColor(color);
         cellElement.style.filter = `hue-rotate(${hueRotation}deg)`;
@@ -297,7 +297,7 @@ function dragStart(e) {
   shape.forEach((row, rowIndex) => {
     row.forEach((cell, colIndex) => {
       const cellElement = document.createElement('div');
-      cellElement.style.backgroundImage = cell ? 'url("./bubble.png")' : 'transparent';
+      cellElement.style.backgroundImage = cell ? 'url("./public/bubble.png")' : 'transparent';
       cellElement.style.backgroundSize = 'cover';
       console.log('a', color);
       const hueRotation = getHueRotationFromColor(color);
@@ -516,7 +516,7 @@ function placePiece(pieceShape, targetIndex, gridSize, color) {
         const cellIndex = (targetRow + row) * gridSize + (targetCol + col);
         const cell = document.querySelector(`.grid-cell[data-index="${cellIndex}"]`);
         if (cell) {
-          cell.style.backgroundImage = 'url("./bubble.png")';
+          cell.style.backgroundImage = 'url("./public/bubble.png")';
           cell.style.backgroundSize = 'cover';
           const hueRotation = getHueRotationFromColor(color);
           cell.style.filter = `hue-rotate(${hueRotation}deg)`;