28
app/components/UncontrolledTabs/UncontrolledTabsNavLink.js
Executable file
28
app/components/UncontrolledTabs/UncontrolledTabsNavLink.js
Executable file
@@ -0,0 +1,28 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import classNames from 'classnames';
|
||||
import _ from 'lodash';
|
||||
import { NavLink } from 'reactstrap';
|
||||
|
||||
import { Consumer } from './context';
|
||||
|
||||
const UncontrolledTabsNavLink = (props) => (
|
||||
<Consumer>
|
||||
{
|
||||
(value) => (
|
||||
<NavLink
|
||||
{ ..._.omit(props, ['tabId']) }
|
||||
onClick={ () => { value.setActiveTabId(props.tabId) } }
|
||||
className={ classNames({ active: props.tabId === value.activeTabId }) }
|
||||
href="javascript:;"
|
||||
/>
|
||||
)
|
||||
}
|
||||
</Consumer>
|
||||
);
|
||||
UncontrolledTabsNavLink.propTypes = {
|
||||
tabId: PropTypes.string.isRequired
|
||||
};
|
||||
|
||||
export { UncontrolledTabsNavLink };
|
||||
|
Reference in New Issue
Block a user