import React from 'react'; import { MARKUP_TYPE } from '../constants'; import { AnnotationType } from '../constants/type'; import Head from './AnnotationListHead'; import Drawer from '../components/Drawer'; import Body from '../components/AnnotationList'; import useStore from '../store'; import { Container, } from '../global/sidebarStyled'; const MARKUP_TYPE_ARRAY = Object.values(MARKUP_TYPE); const AnnotationList: React.FC = () => { const [{ navbarState, annotations, viewport, scale, pdf, }] = useStore(); const isActive = navbarState === 'annotations'; return ( MARKUP_TYPE_ARRAY.includes(ele.obj_type), )} viewport={viewport} scale={scale} pdf={pdf} isActive={isActive} /> ); }; export default AnnotationList;