diff options
| author | geireann <geireann.lindfield@gmail.com> | 2023-06-06 17:04:01 -0400 |
|---|---|---|
| committer | geireann <geireann.lindfield@gmail.com> | 2023-06-06 17:04:01 -0400 |
| commit | cb4fbf58fb30b3ea863f5107674dd366566e39a7 (patch) | |
| tree | 5afa2c0752fc84013d3cfe25fe75453c9c90aa2b /src | |
| parent | 3958654925e92b1046b3ed5d49160514b6e48258 (diff) | |
updated share button on topbar
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/topbar/TopBar.tsx | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx index 32b56b202..b591e0250 100644 --- a/src/client/views/topbar/TopBar.tsx +++ b/src/client/views/topbar/TopBar.tsx @@ -1,5 +1,5 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { Button, IconButton, Size } from 'browndash-components'; +import { Button, IconButton, Size, Type } from 'browndash-components'; import { action, computed, observable } from 'mobx'; import { observer } from 'mobx-react'; import * as React from 'react'; @@ -102,13 +102,6 @@ export class TopBar extends React.Component { dashView?.showContextMenu(e.clientX + 20, e.clientY + 30); }} /> - <Button - text={GetEffectiveAcl(Doc.GetProto(Doc.ActiveDashboard)) === AclAdmin ? 'Share' : 'View Original'} - onClick={() => { - SharingManager.Instance.open(undefined, Doc.ActiveDashboard); - }} - size={Size.SMALL} - /> {!Doc.noviceMode && ( <IconButton tooltip="Work on a copy of the dashboard layout" @@ -134,6 +127,14 @@ export class TopBar extends React.Component { @computed get topbarRight() { return ( <div className="topbar-right"> + {Doc.ActiveDashboard && <Button + text={GetEffectiveAcl(Doc.GetProto(Doc.ActiveDashboard)) === AclAdmin ? 'Share' : 'View Original'} + type={Type.TERT} + onClick={() => { + SharingManager.Instance.open(undefined, Doc.ActiveDashboard); + }} + size={Size.SMALL} + />} <IconButton size={Size.SMALL} color={Colors.LIGHT_GRAY} onClick={ServerStats.Instance.open} icon={<FaStamp />} /> <IconButton size={Size.SMALL} color={Colors.LIGHT_GRAY} onClick={ReportManager.Instance.open} icon={<FaBug />} /> <IconButton size={Size.SMALL} color={Colors.LIGHT_GRAY} onClick={() => window.open('https://brown-dash.github.io/Dash-Documentation/', '_blank')} icon={<FontAwesomeIcon icon="question-circle" />} /> |