diff options
| author | geireann <geireann.lindfield@gmail.com> | 2021-07-31 05:38:08 -0400 |
|---|---|---|
| committer | geireann <geireann.lindfield@gmail.com> | 2021-07-31 05:38:08 -0400 |
| commit | e1707fb76a991d04797a8d97ca34c55db71899cd (patch) | |
| tree | 7d01fbd326eb9d1b52663fef44cc23b7ed3fbb63 /src/client/views/topbar/TopBar.tsx | |
| parent | 98a5d3e333f844b8eac7e8bd717e558d3355f353 (diff) | |
tab scrollable
Diffstat (limited to 'src/client/views/topbar/TopBar.tsx')
| -rw-r--r-- | src/client/views/topbar/TopBar.tsx | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx index 65da717f8..02b597078 100644 --- a/src/client/views/topbar/TopBar.tsx +++ b/src/client/views/topbar/TopBar.tsx @@ -24,6 +24,14 @@ export class TopBar extends React.Component { //TODO:glr Add support for light / dark mode <div style={{ pointerEvents: "all" }} className="topbar-container"> <div className="topbar-bar" style={{ background: Colors.DARK_GRAY, borderBottom: Borders.STANDARD }}> + <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> <div className="topbar-center" > <div className="topbar-lozenge-dashboard"> <select className="topbar-dashSelect" onChange={e => CurrentUserUtils.openDashboard(Doc.UserDoc(), myDashboards[Number(e.target.value)])} @@ -34,11 +42,11 @@ export class TopBar extends React.Component { <div className="topbar-dashboards"> <div className="topbar-icon" onClick={undoBatch(() => CurrentUserUtils.createNewDashboard(Doc.UserDoc()))} style={{ color: Colors.WHITE }}> - <FontAwesomeIcon icon="plus"></FontAwesomeIcon> + <FontAwesomeIcon icon="plus"></FontAwesomeIcon>{"New"} </div> <div className="topbar-icon" onClick={undoBatch(() => CurrentUserUtils.snapshotDashboard(Doc.UserDoc()))} style={{ color: Colors.WHITE }}> - <FontAwesomeIcon icon="camera"></FontAwesomeIcon> + <FontAwesomeIcon icon="camera"></FontAwesomeIcon>{"Snapshot"} </div> </div> </div> @@ -52,15 +60,9 @@ export class TopBar extends React.Component { style={{ color: Colors.WHITE }}> <FontAwesomeIcon icon="cog"></FontAwesomeIcon> </div> - <div className="topbar-lozenge-user"> - {`${Doc.CurrentUserEmail}`} - <div className="topbar-logoff" onClick={() => window.location.assign(Utils.prepend("/logout"))}> - Logoff - </div> - </div> - </div> - </div > + </div> + </div> </div > ); } |