Fix #276 palette title textbox not disappearing.

Fix #272 cloned palette now displaying.
Fix #274 new paletter name not being displayed.
Fix #273 palette reordering doesn't work.

Author: NicDoesCode

wwwroot/modules/main.js

@@ -3863,6 +3863,8 @@ function paletteReorder(paletteId, targetPaletteId, position) {
 
     state.saveToLocalStorage();
 
+    currentProject.nativePalettes = null;
+
     updatePaletteLists({ skipTileEditor: true });
 }
 
@@ -3877,6 +3879,8 @@ function paletteNew() {
 
         state.saveToLocalStorage();
 
+        currentProject.nativePalettes = null;
+
         updatePaletteLists({ skipTileEditor: true });
 
         paletteSelectById(newPalette.paletteId);
@@ -3900,6 +3904,8 @@ function paletteClone(paletteIndex) {
 
             state.saveToLocalStorage();
 
+            currentProject.nativePalettes = null;
+
             updatePaletteLists({ skipTileEditor: true });
 
             paletteSelectById(newPalette.paletteId);
@@ -3931,6 +3937,8 @@ function paletteDelete(paletteIndex) {
 
             state.saveToLocalStorage();
 
+            currentProject.nativePalettes = null;
+
             updatePaletteLists();
 
             const palette = getPaletteList().getPalette(paletteIndex);
@@ -3989,6 +3997,8 @@ function paletteListSort(field) {
     getPaletteList().setPalettes(palettes);
     state.saveProjectToLocalStorage();
 
+    currentProject.nativePalettes = null;
+
     // Set the UI state
     updatePaletteLists();
 }
@@ -5593,7 +5603,7 @@ window.addEventListener('load', async () => {
         });
 
         welcomeScreen.setState({
-            version: versionInfo, 
+            version: versionInfo,
             channel: channelInfo
         });
 

wwwroot/modules/ui/paletteEditor.js

@@ -118,6 +118,11 @@ export default class PaletteEditor extends ComponentBase {
 
         this.#uiPaletteTitle = this.#element.querySelector('[data-smsgfx-id=paletteTitle]');
         this.#uiPaletteTitle.addEventListener('blur', () => this.#handlePaletteTitleEditBlur());
+        this.#uiPaletteTitle.addEventListener('keyup', (ev) => {
+            if (ev.key === 'Enter') {
+                this.#handlePaletteTitleEditBlur();
+            }
+        });
 
         this.#element.querySelectorAll('button[data-command]').forEach(element => {
             element.onclick = () => {