From 3f058074ac61ca92203697feca097ccbb7502643 Mon Sep 17 00:00:00 2001
From: nutsflag <26460023+nutsflag@users.noreply.github.com>
Date: Sun, 7 Apr 2019 15:05:56 +0200
Subject: [PATCH] Add Fr to languageswitcher

---
 .../LanguageSwitcher/LanguageSwitcher.js      | 58 +++++++++++++++----
 1 file changed, 46 insertions(+), 12 deletions(-)

diff --git a/src/components/LanguageSwitcher/LanguageSwitcher.js b/src/components/LanguageSwitcher/LanguageSwitcher.js
index 3dd59d5..9d5a4c9 100644
--- a/src/components/LanguageSwitcher/LanguageSwitcher.js
+++ b/src/components/LanguageSwitcher/LanguageSwitcher.js
@@ -17,18 +17,52 @@ class LanguageSwitcher extends React.Component {
     this.props.i18n.changeLanguage(e.target.dataset.locale)
   }
 
-  render() {
-    return <div className={this.props.className}>
-      <p>
-        <span>{this.t('language')} | </span>
-        {
-          this.t('locale') === 'en'
-          ? <a href="?lng=zh" data-locale="zh" onClick={this.changeLanguage.bind(this)}>中文</a>
-          : <a href="?lng=en" data-locale="en" onClick={this.changeLanguage.bind(this)}>English</a>
+  render()
+    {
+    	if (this.t('locale') === 'en') {
+    		return (
+        		<div className={this.props.className}> 
+        			<p>
+        				<span>{this.t('language')}
+        					<a> | </a>
+        					<a href="?lng=fr" data-locale="fr" onClick={this.changeLanguage.bind(this)}>Français</a>
+        					<a> | </a>
+        					<a href="?lng=zh" data-locale="zh" onClick={this.changeLanguage.bind(this)}>中文</a>
+        				</span>
+        			</p>
+        	    </div>
+        	);
+       	}
+
+        else if (this.t('locale') === 'fr') {
+    		return (
+        		<div className={this.props.className}> 
+        			<p>
+        				<span>{this.t('language')}
+        					<a> | </a>
+        					<a href="?lng=en" data-locale="en" onClick={this.changeLanguage.bind(this)}>English</a>
+        					<a> | </a>
+        					<a href="?lng=zh" data-locale="zh" onClick={this.changeLanguage.bind(this)}>中文</a>
+        				</span>
+        			</p>
+        	    </div>
+        	);
         }
-      </p>
-    </div>
-  }
-}
 
+        else if (this.t('locale') === 'zh') {
+    		return (
+        		<div className={this.props.className}> 
+        			<p>
+        				<span>{this.t('language')}
+        					<a> | </a>
+        					<a href="?lng=en" data-locale="en" onClick={this.changeLanguage.bind(this)}>English</a>
+        					<a> | </a>
+        					<a href="?lng=fr" data-locale="fr" onClick={this.changeLanguage.bind(this)}>Français</a>
+        				</span>
+        			</p>
+        	    </div>
+        	);
+        }
+    }
+}
 export default withTranslation()(LanguageSwitcher);