feat: stop using emoji icons for language

diplodoc-platform · Mar 18, 2024 · 9529372 · 9529372
1 parent e080602
commit 9529372
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 15 deletions.
diff --git a/src/components/Controls/Controls.scss b/src/components/Controls/Controls.scss
@@ -15,7 +15,7 @@
         padding: 4px 0;
 
         &_langs {
-            width: 120px;
+            width: 100px;
         }
     }
 

diff --git a/src/components/Controls/single-controls/LangControl.tsx b/src/components/Controls/single-controls/LangControl.tsx
@@ -13,16 +13,11 @@ import {ControlsLayoutContext} from '../ControlsLayout';
 
 import '../Controls.scss';
 
-const ICONS: Record<string, string> = {
-    en: '🇬🇧',
-    ru: '🇷🇺',
-    he: '🇮🇱',
-};
 const DEFAULT_LANGS = ['en', 'ru', 'he'];
 const LEGACY_LANG_ITEMS = [
-    {value: Lang.En, text: 'English', icon: '🇬🇧'},
-    {value: Lang.Ru, text: 'Русский', icon: '🇷🇺'},
-    {value: Lang.He, text: 'Hebrew', icon: '🇮🇱'},
+    {value: Lang.En, text: 'English'},
+    {value: Lang.Ru, text: 'Русский'},
+    {value: Lang.He, text: 'Hebrew'},
 ];
 
 const b = block('dc-controls');
@@ -36,7 +31,6 @@ interface ControlProps {
 interface ListItem {
     value: string;
     text: string;
-    icon?: string;
 }
 
 const LIST_ITEM_HEIGHT = 36;
@@ -57,10 +51,9 @@ const LangControl = (props: ControlProps) => {
 
                 return langData
                     ? {
-                          text: langData.name,
-                          value: langData['1'],
-                          icon: ICONS[code] || '',
-                      }
+                        text: langData.name,
+                        value: langData['1'],
+                    }
                     : undefined;
             })
             .filter(Boolean) as ListItem[];
@@ -70,7 +63,6 @@ const LangControl = (props: ControlProps) => {
     const renderItem = useCallback((item: ListItem) => {
         return (
             <button className={b('lang-item')}>
-                <div className={b('list-icon')}>{item.icon}</div>
                 {item.text}
             </button>
         );