From a026ee3adf86e11b4ccdc2cce320d6d3e8ef2d69 Mon Sep 17 00:00:00 2001
From: SleepWalker <mybox@udf.su>
Date: Thu, 8 Jun 2017 21:23:25 +0300
Subject: [PATCH] #335: use i18n/index.json to generate flag icons

Conflicts:
	frontend/src/components/langMenu/LangMenu.jsx
	frontend/src/components/langMenu/langMenu.scss
---
 src/components/langMenu/LangMenu.jsx  |  4 +-
 src/components/langMenu/langMenu.scss | 60 ---------------------------
 2 files changed, 3 insertions(+), 61 deletions(-)

diff --git a/src/components/langMenu/LangMenu.jsx b/src/components/langMenu/LangMenu.jsx
index b5ddf7f..8f74cf9 100644
--- a/src/components/langMenu/LangMenu.jsx
+++ b/src/components/langMenu/LangMenu.jsx
@@ -101,7 +101,9 @@ class LangMenu extends Component {
 
         return (
             <span>
-                <span className={styles[`lang${locale[0].toUpperCase() + locale.slice(1)}`]} />
+                <span className={styles.langIco} style={{
+                    backgroundImage: `url('${require(`icons/flag_${locale}.svg`)}')`
+                }} />
                 {this.formatLocaleName(locale) || name}
                 {progressLabel}
             </span>
diff --git a/src/components/langMenu/langMenu.scss b/src/components/langMenu/langMenu.scss
index acbd8d3..eb79aef 100644
--- a/src/components/langMenu/langMenu.scss
+++ b/src/components/langMenu/langMenu.scss
@@ -106,66 +106,6 @@
     top: -4px;
 }
 
-.langBe {
-    composes: langIco;
-
-    background-image: url('~icons/flag_be.svg');
-}
-
-.langEn {
-    composes: langIco;
-
-    background-image: url('~icons/flag_en.svg');
-}
-
-.langId {
-    composes: langIco;
-
-    background-image: url('~icons/flag_id.svg');
-}
-
-.langPl {
-    composes: langIco;
-
-    background-image: url('~icons/flag_pl.svg');
-}
-
-.langRo {
-    composes: langIco;
-
-    background-image: url('~icons/flag_ro.svg');
-}
-
-.langRu {
-    composes: langIco;
-
-    background-image: url('~icons/flag_ru.svg');
-}
-
-.langSl {
-    composes: langIco;
-
-    background-image: url('~icons/flag_sl.svg');
-}
-
-.langPt {
-    composes: langIco;
-
-    background-image: url('~icons/flag_pt.svg');
-}
-
-.langUk {
-    composes: langIco;
-
-    background-image: url('~icons/flag_uk.svg');
-}
-
-.langVi {
-    composes: langIco;
-
-    background-image: url('~icons/flag_vi.svg');
-}
-
 .improveTranslatesLink {
     font-size: 11px;
     text-align: center;