From 459352f1731fd7e646d7837bde8ce4d99827e5ec Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Thu, 2 Nov 2023 12:16:39 +0100
Subject: [PATCH] Save new user labels so their assigned IDs exist in storage.

---
 source/options/user-label-editor.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/source/options/user-label-editor.tsx b/source/options/user-label-editor.tsx
index cee97fd..30aa72b 100644
--- a/source/options/user-label-editor.tsx
+++ b/source/options/user-label-editor.tsx
@@ -58,15 +58,15 @@ class App extends Component<Props, State> {
     );
 
     const id = await newUserLabelId();
-    userLabels.push(
-      await createValueUserLabel({
-        color: "#ff00ff",
-        id,
-        priority: 0,
-        text: "New Label",
-        username: existingUserLabel?.value.username ?? newLabelUsername,
-      }),
-    );
+    const userLabel = await createValueUserLabel({
+      color: "#ff00ff",
+      id,
+      priority: 0,
+      text: "New Label",
+      username: existingUserLabel?.value.username ?? newLabelUsername,
+    });
+    await userLabel.save();
+    userLabels.push(userLabel);
     unsavedUserLabelIds.add(id);
     this.setState({unsavedUserLabelIds, userLabels});
   };