-
Notifications
You must be signed in to change notification settings - Fork 12
/
SourceHomeTabs.jsx
28 lines (26 loc) · 1.02 KB
/
SourceHomeTabs.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import React from 'react';
import { Tabs, Tab } from '@material-ui/core';
import SourceHomeDetails from './SourceHomeDetails';
import VersionList from '../common/VersionList';
const SourceHomeTabs = props => {
const { tab, onChange, source, versions } = props;
return (
<div className='col-md-12 sub-tab'>
<Tabs className='sub-tab-header' value={tab} onChange={onChange} aria-label="concept-home-tabs" indicatorColor='none'>
<Tab label="Details" />
<Tab label="Concepts" />
<Tab label="Mappings" />
<Tab label="History" />
<Tab label="About" />
</Tabs>
<div className='sub-tab-container' style={{display: 'flex', minHeight: '500px'}}>
{ tab === 0 && <SourceHomeDetails source={source} /> }
{ tab === 1 && <span>Concepts</span> }
{ tab === 2 && <span>Mappings</span> }
{ tab === 3 && <VersionList versions={versions} resource='mapping' /> }
{ tab === 4 && <span>About</span> }
</div>
</div>
);
}
export default SourceHomeTabs;