UI: Hide additional separator when time picker is hidden (#80168)

UI: Hide additional separator when time range is hidden
This commit is contained in:
Ezequiel Victorero 2024-01-09 07:43:31 -03:00 committed by GitHub
parent 76ca1c6379
commit 40e4d3deb5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -251,7 +251,7 @@ export const DashNav = React.memo<Props>((props) => {
};
const renderRightActions = () => {
const { dashboard, onAddPanel, isFullscreen, kioskMode } = props;
const { dashboard, onAddPanel, isFullscreen, kioskMode, hideTimePicker } = props;
const { canSave, canEdit, showSettings, canShare } = dashboard.meta;
const { snapshot } = dashboard;
const snapshotUrl = snapshot && snapshot.originalUrl;
@ -335,7 +335,10 @@ export const DashNav = React.memo<Props>((props) => {
buttons.push(<ShareButton key="button-share" dashboard={dashboard} />);
}
buttons.push(<NavToolbarSeparator key="toolbar-separator" />);
// if the timepicker is hidden, we don't need to add this separator
if (!hideTimePicker) {
buttons.push(<NavToolbarSeparator key="toolbar-separator" />);
}
buttons.push(renderTimeControls());