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);