From acc76f9b74cd0f561f745aaaefe28c527886ef57 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 4 Mar 2025 17:48:04 +0200
Subject: [PATCH] feat(note_language): add an option for no language set

---
 src/public/app/widgets/note_language.ts     | 28 +++++++++++++++------
 src/public/translations/en/translation.json |  3 +++
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/public/app/widgets/note_language.ts b/src/public/app/widgets/note_language.ts
index 6ff0bfd18..03f969af0 100644
--- a/src/public/app/widgets/note_language.ts
+++ b/src/public/app/widgets/note_language.ts
@@ -1,6 +1,7 @@
 import { Dropdown } from "bootstrap";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 import { getAvailableLocales, type Locale } from "../services/i18n.js";
+import { t } from "i18next";
 
 const TPL = `\
 <div class="dropdown note-language-widget">
@@ -36,13 +37,26 @@ export default class NoteLanguageWidget extends NoteContextAwareWidget {
             return;
         }
 
-        for (const locale of getAvailableLocales()) {
-            const $title = $("<span>").text(locale.name);
-            const $link = $('<a class="dropdown-item">')
-                .attr("data-language", locale.id)
-                .append('<span class="check">&check;</span> ')
-                .append($title);
-            this.$noteLanguageDropdown.append($link);
+        const locales: (Locale | "---")[] = [
+            {
+                id: "",
+                name: t("note_language.not_set")
+            },
+            "---",
+            ...getAvailableLocales()
+        ];
+
+        for (const locale of locales) {
+            if (typeof locale === "object") {
+                const $title = $("<span>").text(locale.name);
+                const $link = $('<a class="dropdown-item">')
+                    .attr("data-language", locale.id)
+                    .append('<span class="check">&check;</span> ')
+                    .append($title);
+                this.$noteLanguageDropdown.append($link);
+            } else {
+                this.$noteLanguageDropdown.append('<div class="dropdown-divider"></div>');
+            }
         }
     }
 
diff --git a/src/public/translations/en/translation.json b/src/public/translations/en/translation.json
index 924b52a14..b16a223d1 100644
--- a/src/public/translations/en/translation.json
+++ b/src/public/translations/en/translation.json
@@ -1686,5 +1686,8 @@
   },
   "content_widget": {
     "unknown_widget": "Unknown widget for \"{{id}}\"."
+  },
+  "note_language": {
+    "not_set": "Not set"
   }
 }