From a057fbf3bd14adb350a4a3d7d9981637d31f02a0 Mon Sep 17 00:00:00 2001
From: Laurent Cozic <laurent@cozic.net>
Date: Mon, 20 Nov 2017 18:44:56 +0000
Subject: [PATCH] Electron: added sync icon

---
 ElectronClient/app/gui/SideBar.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ElectronClient/app/gui/SideBar.jsx b/ElectronClient/app/gui/SideBar.jsx
index 8cfbfc964..4456d6a93 100644
--- a/ElectronClient/app/gui/SideBar.jsx
+++ b/ElectronClient/app/gui/SideBar.jsx
@@ -189,9 +189,12 @@ class SideBarComponent extends React.Component {
 		return <div style={style} key={key}>{icon}{label}</div>
 	}
 
-	synchronizeButton(label) {
+	synchronizeButton(type) {
 		const style = this.style().button;
-		return <a className="synchronize-button" style={style} href="#" key="sync_button" onClick={() => {this.sync_click()}}>{label}</a>
+		const iconName = type === 'sync' ? 'fa-refresh' : 'fa-times';
+		const label = type === 'sync' ? _('Synchronise') : _('Cancel');
+		const icon = <i style={{fontSize: style.fontSize, marginRight: 5}} className={"fa " + iconName}></i>
+		return <a className="synchronize-button" style={style} href="#" key="sync_button" onClick={() => {this.sync_click()}}>{icon}{label}</a>
 	}
 
 	render() {
@@ -232,7 +235,7 @@ class SideBarComponent extends React.Component {
 			syncReportText.push(<div key={i}>{lines[i]}</div>);
 		}
 
-		items.push(this.synchronizeButton(this.props.syncStarted ? _('Cancel') : _('Synchronise')));
+		items.push(this.synchronizeButton(this.props.syncStarted ? 'cancel' : 'sync'));
 
 		items.push(<div style={this.style().syncReport} key='sync_report'>{syncReportText}</div>);