From 26389631716c086974a1ffedb2af7be41ed4d7b8 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 12 Dec 2025 18:58:54 +0200
Subject: [PATCH] feat(status_bar/language): add tooltip

---
 .../client/src/translations/en/translation.json |  3 +++
 apps/client/src/widgets/layout/StatusBar.tsx    | 17 +++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 136513ef8..e8ff99aab 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -2156,5 +2156,8 @@
     "execute_script_description": "This note is a script note. Click to execute the script.",
     "execute_sql": "Run SQL",
     "execute_sql_description": "This note is a SQL note. Click to execute the SQL query."
+  },
+  "status_bar": {
+    "language_title": "Change the language of the entire content"
   }
 }
diff --git a/apps/client/src/widgets/layout/StatusBar.tsx b/apps/client/src/widgets/layout/StatusBar.tsx
index 0dc13df19..b94160670 100644
--- a/apps/client/src/widgets/layout/StatusBar.tsx
+++ b/apps/client/src/widgets/layout/StatusBar.tsx
@@ -38,12 +38,21 @@ export default function StatusBar() {
     );
 }
 
-function StatusBarDropdown({ children, icon, text, buttonClassName, ...dropdownProps }: Omit<DropdownProps, "hideToggleArrow"> & {
+function StatusBarDropdown({ children, icon, text, buttonClassName, titleOptions, ...dropdownProps }: Omit<DropdownProps, "hideToggleArrow" | "title" | "titlePosition"> & {
+    title: string;
     icon?: string;
 }) {
     return (
         <Dropdown
             buttonClassName={clsx("status-bar-dropdown-button", buttonClassName)}
+            titlePosition="top"
+            titleOptions={{
+                ...titleOptions,
+                popperConfig: {
+                    ...titleOptions?.popperConfig,
+                    strategy: "fixed"
+                }
+            }}
             text={<>
                 {icon && (<><Icon icon={icon} />&nbsp;</>)}
                 {text}
@@ -62,7 +71,11 @@ function LanguageSwitcher({ note }: StatusBarContext) {
 
     return (
         <>
-            <StatusBarDropdown icon="bx bx-globe" text={<span dir={activeLocale?.rtl ? "rtl" : "ltr"}>{getLocaleName(activeLocale)}</span>}>
+            <StatusBarDropdown
+                icon="bx bx-globe"
+                title={t("status_bar.language_title")}
+                text={<span dir={activeLocale?.rtl ? "rtl" : "ltr"}>{getLocaleName(activeLocale)}</span>}
+            >
                 {processedLocales.map(locale => {
                     if (typeof locale === "object") {
                         return <FormListItem