From c6168ef4cba0441a3db51379c6ed3bae1ec2c804 Mon Sep 17 00:00:00 2001
From: Michael Tanzer <mt.michael97@gmail.com>
Date: Sun, 5 Mar 2023 14:54:42 +0000
Subject: [PATCH] Fixed issue that caused the chat to be called "null" if a
 user submitted an empty prompt. Made the edit button more visible by making
 it appear when hovering on the whole chat name header element.

---
 src/app.scss        | 2 +-
 src/lib/Chat.svelte | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index 9522ea3..2254112 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -28,7 +28,7 @@ a.is-disabled {
 }
 
 /* Show the edit button on hover of the chat name */
-.chatname:hover .editbutton {
+.chat-header:hover .editbutton {
   display: inline !important;
   text-decoration: none !important;
 }
diff --git a/src/lib/Chat.svelte b/src/lib/Chat.svelte
index 273541d..ff15ac0 100644
--- a/src/lib/Chat.svelte
+++ b/src/lib/Chat.svelte
@@ -105,7 +105,7 @@
   };
 </script>
 
-<nav class="level is-mobile">
+<nav class="level is-mobile chat-header">
   <div class="level-left chatname">
     <div class="level-item">
       <p class="subtitle is-5">
@@ -114,8 +114,11 @@
           href={"#"}
           class="greyscale ml-2 is-hidden editbutton"
           on:click|preventDefault={() => {
-            chat.name = prompt("Enter a new name for this chat", chat.name);
-            chatsStorage.set($chatsStorage);
+            let newChatName = prompt("Enter a new name for this chat", chat.name);
+            if (newChatName) {
+              chat.name = newChatName;
+              chatsStorage.set($chatsStorage);
+            }
           }}
         >
           ✏️