fix: clear selected from Redux when editing a new dashboard

src/pages/edit/NewDashboard.js

@@ -2,9 +2,10 @@ import i18n from '@dhis2/d2-i18n'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { useState, useEffect } from 'react'
-import { connect } from 'react-redux'
+import { connect, useDispatch } from 'react-redux'
 import { Redirect } from 'react-router-dom'
 import { acSetEditNewDashboard } from '../../actions/editDashboard.js'
+import { acClearSelected } from '../../actions/selected.js'
 import DashboardContainer from '../../components/DashboardContainer.js'
 import Notice from '../../components/Notice.js'
 import { useWindowDimensions } from '../../components/WindowDimensionsProvider.js'
@@ -18,6 +19,7 @@ import classes from './styles/NewDashboard.module.css'
 import TitleBar from './TitleBar.js'
 
 const NewDashboard = (props) => {
+    const dispatch = useDispatch()
     const { width } = useWindowDimensions()
     const [redirectUrl, setRedirectUrl] = useState(null)
 
@@ -27,7 +29,9 @@ const NewDashboard = (props) => {
             return
         }
         setHeaderbarVisible(true)
-        props.setNewDashboard()
+
+        dispatch(acSetEditNewDashboard())
+        dispatch(acClearSelected())
     }, [])
 
     if (redirectUrl) {
@@ -63,13 +67,10 @@ const NewDashboard = (props) => {
 
 NewDashboard.propTypes = {
     isPrintPreviewView: PropTypes.bool,
-    setNewDashboard: PropTypes.func,
 }
 
 const mapStateToProps = (state) => ({
     isPrintPreviewView: sGetIsPrintPreviewView(state),
 })
 
-export default connect(mapStateToProps, {
-    setNewDashboard: acSetEditNewDashboard,
-})(NewDashboard)
+export default connect(mapStateToProps)(NewDashboard)