refactor: patcher context

packages/core/src/components/persea/resource/index.jsx

@@ -6,7 +6,7 @@ import {
   TabList,
   TabPanel,
 } from '@avocado/react';
-import {Resource as ResourceComponent} from '@avocado/resource-persea';
+import {Context, Resource as ResourceComponent} from '@avocado/resource-persea';
 import {classnames, PropTypes, React} from '@flecks/react';
 import {useDispatch, useSelector} from '@flecks/redux';
 import {userIdSelector} from '@flecks/user';
@@ -15,12 +15,12 @@ import styles from './index.module.scss';
 
 import {
   closeResource,
+  currentResourceSelector,
   fetchProjectResource,
   openResourcesSelector,
   projectSelector,
   projectsSelector,
   projectResourceSelector,
-  resourceSelector,
   setCurrentResource,
 } from '../../../state';
 import Login from './login';
@@ -29,7 +29,7 @@ function Resource({expanded}) {
   const dispatch = useDispatch();
   const project = useSelector(projectSelector);
   const {structure} = useSelector(projectsSelector);
-  const {current} = useSelector(resourceSelector);
+  const current = useSelector(currentResourceSelector);
   const openResources = useSelector(openResourcesSelector);
   const projects = Object.entries(structure);
   const selectedIndex = openResources.findIndex(({uri}) => current === uri);
@@ -100,7 +100,11 @@ function Resource({expanded}) {
           projects.length > 0
             ? (
               current
-                ? resource && <ResourceComponent resource={resource} uri={current} />
+                ? resource && (
+                  <Context.Provider value={{uri: current, uuid: project}}>
+                    <ResourceComponent resource={resource} uri={current} />
+                  </Context.Provider>
+                )
                 : <div className={styles.none}><p>No resource loaded</p></div>
             )
             : (