Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 18:02:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

legacy NavTab component dropped

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-04-21 21:37:38 +03:00
parent bd949bca74
commit 61953cbb11
3 changed files with 0 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/common/NavBar/NavTab/NavTab.js
View file

@ -1,26 +0,0 @@
import React from 'react';
import PropTypes from 'prop-types';
import Icon from 'stremio-icons/dom';
import styles from './styles';
const NavTab = ({ to, exact, replace, icon, label }) => (
<NavLink className={styles['nav-tab']} activeClassName={styles['active']} to={to} exact={exact} replace={replace}>
<Icon className={styles['nav-tab-icon']} icon={icon} />
<h2 className={styles['nav-tab-label']}>{label}</h2>
</NavLink>
);
NavTab.propTypes = {
icon: PropTypes.string.isRequired,
label: PropTypes.string.isRequired,
to: PropTypes.string.isRequired,
exact: PropTypes.bool.isRequired,
replace: PropTypes.bool.isRequired
};
NavTab.defaultProps = {
exact: false,
replace: false
};
export default NavTab;

3
src/common/NavBar/NavTab/index.js
View file

@ -1,3 +0,0 @@
import NavTab from './NavTab';
export default NavTab;

32
src/common/NavBar/NavTab/styles.less
View file

@ -1,32 +0,0 @@
@import 'constants';
.nav-tab {
height: @nav-bar-height;
padding: 0 20px;
display: flex;
align-items: center;
.nav-tab-icon {
height: @nav-bar-height;
fill: var(--color-surfacelighter80);
width: 18px;
}
.nav-tab-label {
color: var(--color-surfacelighter80);
font-size: 15px;
margin-left: 10px;
}
&.active {
background-color: var(--color-backgrounddark);
}
&:hover:not(.active) {
background-color: var(--color-backgrounddark20);
}
&:hover, &.active {
.nav-tab-icon {
fill: var(--color-surfacelighter);
}
.nav-tab-label {
color: var(--color-surfacelighter);
}
}
}