diff --git a/src/components/ItemView/ItemView.js b/src/components/ItemView/ItemView.js index 8bd7eda..67da0f7 100644 --- a/src/components/ItemView/ItemView.js +++ b/src/components/ItemView/ItemView.js @@ -4,13 +4,18 @@ import { Paper, AppBar, Tab, makeStyles, useTheme } from '@material-ui/core'; // Import these tab components from @material-ui/lab instead of @material-ui/core for automatic a11y props // See: https://material-ui.com/components/tabs/#experimental-api import { TabContext, TabList, TabPanel } from '@material-ui/lab'; -import ItemMetadataView from "../ItemMetadataView/" +import ItemMetadataView from "../ItemMetadataView" import ItemBodyView from "../ItemBodyView"; import ItemHeaderView from "../ItemHeaderView"; +import { useItem } from "../ItemProvider"; -export default function ItemView({ activeItem }){ +export default function ItemView(){ + // Set stateful variables const [activeTab, setActiveTab] = useState('Conversation'); + // Set contextual variables + const activeItem = useItem(); + const theme = useTheme(); const useStyles = makeStyles({ "paperPadding": { @@ -51,6 +56,4 @@ export default function ItemView({ activeItem }){ }; ItemView.propTypes = { - /** The item to be viewed. */ - "activeItem": PropTypes.object.isRequired }; \ No newline at end of file