diff options
| author | geireann <geireann.lindfield@gmail.com> | 2021-07-31 08:09:45 -0400 |
|---|---|---|
| committer | geireann <geireann.lindfield@gmail.com> | 2021-07-31 08:09:45 -0400 |
| commit | fcc75a92643f35955a1e0bbe829e96b0e76c8a4e (patch) | |
| tree | 35bcbaffb7d7a907d8fa435d7f68f3ea79f4d403 /src/client/views/topbar/TopBar.tsx | |
| parent | e1707fb76a991d04797a8d97ca34c55db71899cd (diff) | |
updates ready for sprint (almost)
Diffstat (limited to 'src/client/views/topbar/TopBar.tsx')
| -rw-r--r-- | src/client/views/topbar/TopBar.tsx | 34 |
1 files changed, 16 insertions, 18 deletions
diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx index 02b597078..6e4d4fe15 100644 --- a/src/client/views/topbar/TopBar.tsx +++ b/src/client/views/topbar/TopBar.tsx @@ -27,9 +27,9 @@ export class TopBar extends React.Component { <div className="topbar-left"> <div className="topbar-lozenge-user"> {`${Doc.CurrentUserEmail}`} - <div className="topbar-logoff" onClick={() => window.location.assign(Utils.prepend("/logout"))}> - Logoff - </div> + </div> + <div className="topbar-icon" onClick={() => window.location.assign(Utils.prepend("/logout"))}> + {"Logoff"}<FontAwesomeIcon icon="sign-out"></FontAwesomeIcon> </div> </div> <div className="topbar-center" > @@ -39,26 +39,24 @@ export class TopBar extends React.Component { style={{ color: Colors.WHITE }}> {myDashboards.map((dash, i) => <option key={dash[Id]} value={i}> {StrCast(dash.title)} </option>)} </select> - <div className="topbar-dashboards"> - <div className="topbar-icon" onClick={undoBatch(() => CurrentUserUtils.createNewDashboard(Doc.UserDoc()))} - style={{ color: Colors.WHITE }}> - <FontAwesomeIcon icon="plus"></FontAwesomeIcon>{"New"} - </div> - <div className="topbar-icon" onClick={undoBatch(() => CurrentUserUtils.snapshotDashboard(Doc.UserDoc()))} - style={{ color: Colors.WHITE }}> - <FontAwesomeIcon icon="camera"></FontAwesomeIcon>{"Snapshot"} - </div> + </div> + <div className="topbar-dashboards"> + <div className="topbar-icon" onClick={undoBatch(() => CurrentUserUtils.createNewDashboard(Doc.UserDoc()))} + > + {"New"}<FontAwesomeIcon icon="plus"></FontAwesomeIcon> </div> + {Doc.UserDoc().noviceMode ? (null) : <div className="topbar-icon" onClick={undoBatch(() => CurrentUserUtils.snapshotDashboard(Doc.UserDoc()))} + > + {"Snapshot"}<FontAwesomeIcon icon="camera"></FontAwesomeIcon> + </div>} </div> </div> <div className="topbar-right" > - <div className="topbar-icon" - style={{ color: Colors.WHITE }}> - <FontAwesomeIcon icon="question-circle"></FontAwesomeIcon> + <div className="topbar-icon"> + {"Help"}<FontAwesomeIcon icon="question-circle"></FontAwesomeIcon> </div> - <div className="topbar-icon" onClick={() => SettingsManager.Instance.open()} - style={{ color: Colors.WHITE }}> - <FontAwesomeIcon icon="cog"></FontAwesomeIcon> + <div className="topbar-icon" onClick={() => SettingsManager.Instance.open()}> + {"Settings"}<FontAwesomeIcon icon="cog"></FontAwesomeIcon> </div> </div> |