diff --git a/src/common/NavBar/NavBar.js b/src/common/NavBar/NavBar.js index 15e460fef..9940383db 100644 --- a/src/common/NavBar/NavBar.js +++ b/src/common/NavBar/NavBar.js @@ -2,7 +2,6 @@ import React, { PureComponent } from 'react'; import PropTypes from 'prop-types'; import NavTab from './NavTab'; import SearchInput from './SearchInput'; -import UserNotifications from './UserNotifications'; import UserMenu from './UserMenu'; import styles from './styles'; @@ -13,7 +12,6 @@ class NavBar extends PureComponent { {this.props.tabs.map(tab => )} {this.props.title.length > 0 ?

{this.props.title}

: null} {this.props.searchInput ? : null} - {this.props.userNotifications ? : null} {this.props.userMenu ? : null} ); @@ -30,7 +28,6 @@ NavBar.propTypes = { })).isRequired, title: PropTypes.string.isRequired, searchInput: PropTypes.bool.isRequired, - userNotifications: PropTypes.bool.isRequired, userMenu: PropTypes.bool.isRequired }; @@ -38,7 +35,6 @@ NavBar.defaultProps = { tabs: [], title: '', searchInput: false, - userNotifications: false, userMenu: false }; diff --git a/src/common/NavBar/UserNotifications/UserNotifications.js b/src/common/NavBar/UserNotifications/UserNotifications.js deleted file mode 100644 index c9fa3ffee..000000000 --- a/src/common/NavBar/UserNotifications/UserNotifications.js +++ /dev/null @@ -1,77 +0,0 @@ -import React, { PureComponent } from 'react'; -import PropTypes from 'prop-types'; -import classnames from 'classnames'; -import Icon from 'stremio-icons/dom'; -import { Popup } from 'stremio-common'; -import styles from './styles'; - -class UserNotifications extends PureComponent { - render() { - return ( - - - - - -
- {this.props.metaItems.map((metaItem) => -
video.id)}> -
-
-
{metaItem.metaItem.videos.map((video) => video.name)}
-
{metaItem.metaItem.videos.map((video) => video.released.getDate() + '.' + video.released.getMonth() + '.' + video.released.getFullYear())}
-
-
video.poster)})` }}>
- -
- )} -
-
-
- ); - } -} - -UserNotifications.propTypes = { - inLibrary: PropTypes.bool.isRequired, - metaItems: PropTypes.arrayOf(PropTypes.object).isRequired -}; -UserNotifications.defaultProps = { - inLibrary: false, - metaItems: [ - { - metaItem: { - poster: 'https://www.stremio.com/website/home-stremio.png', - released: new Date(2019, 1, 9), - name: 'Fantastic Beasts and Where to Find Them: The Original Screenplay', - videos: [ - { id: '1', poster: 'https://www.stremio.com/website/home-testimonials.jpg', episode: 1, name: 'Katy Perry - Cozy Little Christmas', released: new Date(2019, 1, 9), isUpcoming: true, isWatched: false, season: 1 } - ] - } - }, - { - metaItem: { - poster: 'https://www.stremio.com/website/home-stremio.png', - released: new Date(2019, 1, 7), - name: 'Fantastic Beasts and Where to Find Them: The Original Screenplay', - videos: [ - { id: '2', poster: 'https://www.stremio.com/website/home-testimonials.jpg', episode: 1, name: 'Hefty Shades of Gray', description: 'dasdasda', released: new Date(2019, 1, 7), isUpcoming: true, isWatched: true, season: 1 } - ] - } - }, - { - metaItem: { - poster: 'https://www.stremio.com/website/home-stremio.png', - released: new Date(2019, 1, 13), - name: 'Fantastic Beasts and Where to Find Them: The Original Screenplay', - videos: [ - { id: '3', poster: 'https://www.stremio.com/website/home-testimonials.jpg', episode: 1, name: 'Evolution', description: 'dasdasda', released: new Date(2019, 1, 12), isUpcoming: true, isWatched: true, season: 1 } - ] - } - } - ] -}; - -export default UserNotifications; diff --git a/src/common/NavBar/UserNotifications/index.js b/src/common/NavBar/UserNotifications/index.js deleted file mode 100644 index 19c58916b..000000000 --- a/src/common/NavBar/UserNotifications/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import UserNotifications from './UserNotifications'; - -export default UserNotifications; diff --git a/src/common/NavBar/UserNotifications/styles.less b/src/common/NavBar/UserNotifications/styles.less deleted file mode 100644 index 498dd5f61..000000000 --- a/src/common/NavBar/UserNotifications/styles.less +++ /dev/null @@ -1,68 +0,0 @@ -@import 'constants'; - -.popup-label-container { - cursor: pointer; - outline: none; - background-color: transparent; - - .icon { - height: @nav-bar-height; - fill: var(--color-surfacelighter80) - } - - .notifications-icon { - width: 40%; - } - - &:hover, &.active { - background-color: var(--color-backgrounddark20); - - .icon { - fill: var(--color-surfacelighter); - } - } -} - -.popup-content { - background-color: var(--color-surfacelighter); - - .meta-item { - display: flex; - cursor: pointer; - padding: 16px; - - .poster { - width: 50px; - height: 50px; - border-radius: 50%; - background-position: center; - background-size: cover; - background-repeat: no-repeat; - } - - .info-container { - .name { - font-size: 15px; - } - - .released { - font-size: 14px; - color: var(--color-surfacedarker); - } - } - - .video-poster { - width: 100px; - height: 50px; - background-position: center; - background-size: cover; - background-repeat: no-repeat; - } - - .icon { - fill: var(--color-surfacedarker); - width: 4px; - height: 12px; - } - } -} \ No newline at end of file diff --git a/src/common/NavBar/styles.less b/src/common/NavBar/styles.less index e21a70706..95410f41b 100644 --- a/src/common/NavBar/styles.less +++ b/src/common/NavBar/styles.less @@ -12,9 +12,6 @@ .search-input { flex: 1; } - .user-notifications { - width: @nav-bar-height; - } .user-menu { width: @nav-bar-height; } diff --git a/src/routes/Main/Main.js b/src/routes/Main/Main.js index d9e535c9d..944dcb75f 100644 --- a/src/routes/Main/Main.js +++ b/src/routes/Main/Main.js @@ -16,7 +16,6 @@ class Main extends Component { { icon: 'ic_calendar', label: 'Calendar', to: '/calendar', replace: true } ]} searchInput={true} - userNotificatons={true} userMenu={true} />