equal
deleted
inserted
replaced
20 import NavbarGroup from './NavbarGroup'; |
20 import NavbarGroup from './NavbarGroup'; |
21 |
21 |
22 const Online = ({ online }) => { |
22 const Online = ({ online }) => { |
23 return ( |
23 return ( |
24 <li className="nav-item"> |
24 <li className="nav-item"> |
25 <a className="nav-link"> |
25 <span className="nav-link"> |
26 <span className="material-icons" style={{ color: online ? '#2ECC71' : '#F95B5B' }}>signal_wifi_4_bar</span> |
26 <span className="material-icons" style={{ color: online ? '#2ECC71' : '#F95B5B' }}>signal_wifi_4_bar</span> |
27 </a> |
27 </span> |
28 </li> |
28 </li> |
29 ) |
29 ) |
30 } |
30 } |
31 |
31 |
32 const SyncButton = ({ isAuthenticated, onSyncClick, isSynchronizing, isSynchronized, id }) => { |
32 const SyncButton = ({ isAuthenticated, onSyncClick, isSynchronizing, isSynchronized, id }) => { |
43 } |
43 } |
44 |
44 |
45 if (isAuthenticated) { |
45 if (isAuthenticated) { |
46 return ( |
46 return ( |
47 <li className="nav-item"> |
47 <li className="nav-item"> |
48 <a className="nav-link" title={title} onClick={clickCb} id={id || null}> |
48 <span className="nav-link sync-button" title={title} onClick={clickCb} id={id || null}> |
49 <span className={classnames}></span> </a> |
49 <span className={classnames}></span> |
|
50 </span> |
50 </li> |
51 </li> |
51 ); |
52 ); |
52 } |
53 } |
53 return ( |
54 return ( |
54 <li> |
55 <li> |
55 <a> |
56 <span> |
56 <span></span> |
57 <span></span> |
57 </a> |
58 </span> |
58 </li> |
59 </li> |
59 ); |
60 ); |
60 } |
61 } |
61 |
62 |
62 const OffLineMessage = ({isAuthenticated}) => { |
63 const OffLineMessage = ({isAuthenticated}) => { |