From c52371c1f97349f94ec734ba4b39f6c8a4b44a8f Mon Sep 17 00:00:00 2001
From: cyril lopez <cyril.lpz@gmail.com>
Date: Tue, 10 Oct 2017 18:05:52 +0200
Subject: [PATCH] Add unknown flag to settings-manager

---
 .../admin/src/assets/images/unknow_flag.png       | Bin 0 -> 634 bytes
 .../admin/src/components/List/styles.scss         |   8 +++++++-
 .../admin/src/components/RowLanguage/index.js     |   4 +---
 .../components/SelectOptionLanguage/styles.scss   |   5 ++++-
 .../admin/src/containers/HomePage/index.js        |   1 -
 5 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 packages/strapi-plugin-settings-manager/admin/src/assets/images/unknow_flag.png

diff --git a/packages/strapi-plugin-settings-manager/admin/src/assets/images/unknow_flag.png b/packages/strapi-plugin-settings-manager/admin/src/assets/images/unknow_flag.png
new file mode 100644
index 0000000000000000000000000000000000000000..cee8d275d4461d95900cdd9e162bdde554fd914d
GIT binary patch
literal 634
zcmV-=0)_pFP)<h;3K|Lk000e1NJLTq001%o001Be1^@s6P$4TJ00004XF*Lt006O%
z3;baP0006pNkl<ZSPAWzT~Fdr5Qg8P1uCl;2q8^S(O?Xi5KYugbno`cKjM$_r+8ta
z*$b16iC>Wz{FcNo=z>)cMQaa+YRjsPonxqBZkRJY%)C#h=bW^HqLgMe?O|R6VsN1e
zKu!=k=7d5)IdLmQ<G$Bn@&!fbaKCxnkMK;;25GfUwmZ^l9qFVNq-h!sPcCq9e2#x5
z71g^Md_ED8a1g_B8FDm4U9z4}pxl0M%C}fv*@9BMep75r4r6*U1+lZ^%{iaBK(<E8
zl`0mN*4~9+0&}MYEdE)?qux16BLi7k-9fo>YfD>Rxx&tF&emMJlgQSH*K1A{4)tJc
zbO-^-hl_j>s~fwxuRR#L_Kwbw9PTs5P91Y~2ibm2r4SBvV{LOE!JYtq&!i!W&*{5=
zNVrlf*v=js6;!os_!JHq2osY`^g)h<;MaGl1_X<<^^jLe%r(r~LF2+F9a0dcp*I*X
zNjbY@k5v}M(v2w|lOv|F(*ZfiYeDOo18ilEUWe*_pv#YRD&7=#65s~1cX;|=2zHMA
z93O$-?{%WP>A&1SGTB^HvFV8<2K%E;af$%hIbs!4sa8#)cr3~df)(P{k<pO>sQQ-M
zu*9I;aJl?)1ChKUYSPOA=<(=p)*Ou+$X|An-`5Q3ce+23P8efqhua#V7Wz@XHpoYJ
zsLOIrNIu$g!&;y8#mbueE643e>nrcJom$_gBkTjP9pYA=!x%jEPx3B?VGxYr2?o@g
UD}mQ`GXMYp07*qoM6N<$f`17fM*si-

literal 0
HcmV?d00001

diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
index 6fccc9d261..c5087acd5c 100755
--- a/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
@@ -362,11 +362,17 @@ button {
 .flagContainer {
   width: 33%;
   margin-left: 1rem;
-  // margin-right: 10rem;
   height: 5.2rem;
   line-height: 5.2rem;
+
+  > div:first-of-type {
+    background-image: url('assets/images/unknow_flag.png');
+    background-size: 1.3333em auto;
+    background-position: left center;
+  }
 }
 
+
 .bottomSpacer {
   height: 1.2rem;
   background-color: #FFFFFF;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/RowLanguage/index.js b/packages/strapi-plugin-settings-manager/admin/src/components/RowLanguage/index.js
index e8d3bd0071..f97589c75c 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/RowLanguage/index.js
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/RowLanguage/index.js
@@ -66,17 +66,15 @@ class RowLanguage extends React.Component { // eslint-disable-line react/prefer-
         <div className={this.props.liStyles.language} />
         <div className={`${this.props.liStyles.borderBottom} ${this.props.liStyles.flexLiLanguage}`}>
           <div className={`${this.props.liStyles.flexed} ${this.props.liStyles.flagContainer}`}>
-            <div><span className={`flag-icon flag-icon-${flag}`} /></div>
+            <div><span className={`${this.props.liStyles.flag} flag-icon flag-icon-${flag}`} /></div>
             <div className={`${this.props.liStyles.label} ${this.props.liStyles.capitalized}`}>{languageDisplay}</div>
           </div>
           <div className="text-center" style={{ width: '33%'}}>{this.props.name}</div>
           <div style={{display:'flex', width: '33%'}}>
-
             <div className={this.props.liStyles.centered}>{languageLabel}</div>
             <div className={this.props.liStyles.trashContainer}>{deleteIcon}</div>
           </div>
         </div>
-
         <div>
           <PopUpWarning
             isOpen={this.state.showWarning}
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/SelectOptionLanguage/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/SelectOptionLanguage/styles.scss
index 76045b8418..4befbfa18f 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/SelectOptionLanguage/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/SelectOptionLanguage/styles.scss
@@ -1,5 +1,8 @@
 .selectOption { /* stylelint-disable */
-  margin: 1rem
+  margin: 1rem;
+  background-image: url('assets/images/unknow_flag.png');
+  background-size: 1.3333em auto;
+  background-position: left center;
 }
 
 .flagContainer {
diff --git a/packages/strapi-plugin-settings-manager/admin/src/containers/HomePage/index.js b/packages/strapi-plugin-settings-manager/admin/src/containers/HomePage/index.js
index ded32ce9ec..dd3d983a76 100755
--- a/packages/strapi-plugin-settings-manager/admin/src/containers/HomePage/index.js
+++ b/packages/strapi-plugin-settings-manager/admin/src/containers/HomePage/index.js
@@ -462,7 +462,6 @@ export class HomePage extends React.Component { // eslint-disable-line react/pre
   valueComponent = (props) => {
     const flagName = formatLanguageLocale(props.value.value);
     const flag = getFlag(flagName);
-    // <FormattedMessage id={props.value.label} className={styles.marginLeft} />
     return (
       <span className={`${styles.flagContainer} flag-icon-background flag-icon-${flag}`}>
         <FormattedMessage id="settings-manager.selectValue" defaultMessage='{language}' values={{ language: props.value.label}} className={styles.marginLeft} />