diff --git a/packages/core/src/components/persea/resource/index.jsx b/packages/core/src/components/persea/resource/index.jsx index e2db7a0..c46f98b 100644 --- a/packages/core/src/components/persea/resource/index.jsx +++ b/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 && + ? resource && ( + + + + ) :

No resource loaded

) : (