From 15551ec3c97b57fe8e1d36221604b1b6785074cd Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 19 Mar 2023 15:04:42 +0800
Subject: [PATCH] Highlight language change in composer

---
 src/components/compose.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/compose.jsx b/src/components/compose.jsx
index c6076604..194e3312 100644
--- a/src/components/compose.jsx
+++ b/src/components/compose.jsx
@@ -141,6 +141,7 @@ function Compose({
   const [language, setLanguage] = useState(
     store.session.get('currentLanguage') || DEFAULT_LANG,
   );
+  const prevLanguage = useRef(language);
   const [mediaAttachments, setMediaAttachments] = useState([]);
   const [poll, setPoll] = useState(null);
 
@@ -1032,7 +1033,11 @@ function Compose({
           {uiState !== 'loading' && (
             <CharCountMeter maxCharacters={maxCharacters} />
           )}
-          <label class="toolbar-button">
+          <label
+            class={`toolbar-button ${
+              language !== prevLanguage.current ? 'highlight' : ''
+            }`}
+          >
             <span class="icon-text">
               {supportedLanguagesMap[language]?.native}
             </span>