diff --git a/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/NotificationPlaceholder.js b/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/NotificationPlaceholder.js new file mode 100644 index 000000000..3bbac1538 --- /dev/null +++ b/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/NotificationPlaceholder.js @@ -0,0 +1,25 @@ +const React = require('react'); +const PropTypes = require('prop-types'); +const classnames = require('classnames'); +const Icon = require('stremio-icons/dom'); +const styles = require('./styles'); + +const NotificationPlaceholder = ({ className }) => { + return ( +
+
+
+
+
+
+
+
+
+ ); +}; + +NotificationPlaceholder.propTypes = { + className: PropTypes.string +} + +module.exports = NotificationPlaceholder; diff --git a/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/index.js b/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/index.js new file mode 100644 index 000000000..16386c3a1 --- /dev/null +++ b/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/index.js @@ -0,0 +1,3 @@ +const NotificationPlaceholder = require('./NotificationPlaceholder'); + +module.exports = NotificationPlaceholder; diff --git a/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/styles.less b/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/styles.less new file mode 100644 index 000000000..7ebcc670c --- /dev/null +++ b/src/common/NavBar/NotificationsMenu/NotificationsList/NotificationPlaceholder/styles.less @@ -0,0 +1,39 @@ +.notification-placeholder-container { + display: flex; + flex-direction: row; + align-items: center; + padding: 1rem; + + .logo-image-container { + flex: none; + border-radius: 50%; + + .logo-image { + width: 3.5rem; + height: 3.5rem; + background-color: var(--color-placeholder); + } + } + + .info-container { + flex: 1; + padding: 0 1rem; + + .name-container { + width: 100%; + height: 1.2rem; + background: var(--color-placeholder); + } + + .released-container { + width: 50%; + height: 1.2rem; + margin-top: 0.5rem; + background: var(--color-placeholder); + } + } + + &:not(:last-child) { + border-bottom: thin solid var(--color-surfacelight); + } +} \ No newline at end of file