Notes

import React from 'react';
import {observer} from 'mobx-react';
import NavTabs from '@aosprodsys/brucke-ui-core/dist/es/components/NavTabs';
import Accordion from './Accordion';
import EndPointAccordion from './EndPointAccordion';
import styles from '../sass/components/view-endpoints.scss';

export const ViewEndpoints = ({template}) => {
const AccordionHeader = () => {
return (
<div className="review-header-container">
<span className="global-header-large">Endpoints</span>
</div>
);
};

return (
<div className={styles.accordion}>
<Accordion
template={template}
Inner={AccordionHeader}
showIcon={true}
InnerDetails={() => (
<div>
<div className="nav-container">
<NavTabs
navs={[
{
label: 'Part',
value: 'app-setup'
},
{
label: 'Container Part',
value: 'app-disclosure'
},
{
label: 'Category Part',
value: 'module-mgmt'
},
{
label: 'Dimension Hierarchy',
value: 'review'
}
]}
//active={selectedTab}
onClick={(e, val) => {
{
template.map(endpointDetail => (
<div key={endpointDetail.id} className="inner-details-container">
<EndPointAccordion template={endpointDetail} />
</div>
));
}
}}
/>
</div>
</div>
)}
/>
</div>
);
};

export default observer(ViewEndpoints);

'DH' - 'Dimension Hierarchy', 'PD' - 'part', 'CH' - 'Container Part', 'CPF' - 'Category Part';