playlist project selector

src/views/playlists/projectplaylists/add/index.js

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom'
 
 // ** Store & Actions
 import { addplaylist } from '../../store/actions'
-import { useDispatch } from 'react-redux'
+import { useDispatch, useSelector } from 'react-redux'
 
 // ** Custom Components
 import Breadcrumbs from '@components/breadcrumbs'
@@ -21,6 +21,7 @@ import '@styles/react/libs/tables/react-dataTable-component.scss'
 
 const Tables = () => {
     const dispatch = useDispatch()
+    const storeNavbar = useSelector(state => state.navbar)
     const onSubmitHandler = values => {
             dispatch(
               addplaylist({ 
@@ -51,9 +52,11 @@ const Tables = () => {
                 <h4 className="card-title">New {moduleSettings.mainTitleSingle}</h4>
                </div>
                <div className="card-body">
-                  <ElementCard selectedElement={{
+               {storeNavbar.projectCurrent === null ? <div>
+                    Select Project
+                    </div> :  <ElementCard selectedElement={{
                         id: '<generate>',
-                        idproject: '2',
+                        idproject:  storeNavbar.projectCurrent.value,
                         title: '',
                         layout_id: null,
                         dynamic: 0,
@@ -63,6 +66,7 @@ const Tables = () => {
                         }}
                     onSubmitHandler={onSubmitHandler}
                     />
+                      }
                </div>
            </div>
         

src/views/playlists/projectplaylists/table.js

@@ -13,7 +13,15 @@ const DataTable = () => {
     // ** Store Vars
     const dispatch = useDispatch()
     const store = useSelector(state => state.playlists)
+    const storeNavbar = useSelector(state => state.navbar)
 
+    useEffect(() => { 
+        dispatch(getData_playlists({
+            start: 0,
+            length: 1000
+        }))
+        
+      }, [storeNavbar.projectCurrent]) 
     return (
         <DataTableServerSide 
             cardTitle={moduleSettings.mainTitle}

src/views/playlists/store/actions/playlists.js

@@ -2,6 +2,7 @@ import axios from 'axios'
 import {setSaveSatus, setErrorMsg} from '../../../../redux/actions/api'
 import moduleSettings  from '../../projectplaylists/module'
 
+import  {store} from '@store/storeConfig/store'
 
 // ** Get table Data ///api/datatables/data
 
@@ -22,9 +23,11 @@ const _getData_playlists = params => {
     }
   }
 export const getData_playlists = params => {
+  const currentProject = store.getState().navbar.projectCurrent
+
     const newparams = {
       ...params,
-      idproject: 2
+      idproject: !currentProject ? '%' : currentProject.value
       }
       return _getData_playlists(newparams)
   }