chore: disable New button when offline

dhis2 · Apr 23, 2021 · efe6f69 · efe6f69
1 parent 3389362
commit efe6f69
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/pages/view/DashboardsBar/Content.js b/src/pages/view/DashboardsBar/Content.js
@@ -4,7 +4,8 @@ import PropTypes from 'prop-types'
 import i18n from '@dhis2/d2-i18n'
 import cx from 'classnames'
 import { Redirect, withRouter } from 'react-router-dom'
-import { Button, Tooltip, colors, IconAdd24 } from '@dhis2/ui'
+import { Button, Tooltip, IconAdd24 } from '@dhis2/ui'
+import { useOnlineStatus } from '../../../modules/useOnlineStatus'
 
 import Chip from './Chip'
 import Filter from './Filter'
@@ -26,6 +27,7 @@ const Content = ({
     onSearchClicked,
 }) => {
     const [redirectUrl, setRedirectUrl] = useState(null)
+    const { isOnline } = useOnlineStatus()
 
     const onSelectDashboard = () => {
         const id = getFilteredDashboards(dashboards, filterText)[0]?.id
@@ -65,8 +67,9 @@ const Content = ({
             <Tooltip content={i18n.t('Create a new dashboard')}>
                 <Button
                     className={classes.newButton}
+                    disabled={!isOnline}
                     small
-                    icon={<IconAdd24 color={colors.grey600} />}
+                    icon={<IconAdd24 />}
                     onClick={enterNewMode}
                     dataTest="new-button"
                 />