ServerNotification component renamed to ServerWarning

src/common/ServerNotification/ServerNotification.js

@@ -1,27 +0,0 @@
-// Copyright (C) 2017-2020 Smart code 203358507
-
-const React = require('react');
-const PropTypes = require('prop-types');
-const classnames = require('classnames');
-const Button = require('stremio/common/Button');
-const styles = require('./styles');
-
-const ServerNotification = ({ className }) => {
-    return (
-        <div className={classnames(className, styles['notification-container'])}>
-            <div className={styles['notification-statement']}>Streaming server must be available.</div>
-            <Button className={styles['notification-button']} title={'later'}>
-                <span className={styles['notification-label']}>Later</span>
-            </Button>
-            <Button className={styles['notification-button']} title={'dismiss'}>
-                <span className={styles['notification-label']}>Dismiss</span>
-            </Button>
-        </div>
-    );
-};
-
-ServerNotification.propTypes = {
-    className: PropTypes.string
-};
-
-module.exports = ServerNotification;

src/common/ServerNotification/index.js

@@ -1,5 +0,0 @@
-// Copyright (C) 2017-2020 Smart code 203358507
-
-const ServerNotification = require('./ServerNotification');
-
-module.exports = ServerNotification;

src/common/ServerWarning/ServerWarning.js

@@ -0,0 +1,27 @@
+// Copyright (C) 2017-2020 Smart code 203358507
+
+const React = require('react');
+const PropTypes = require('prop-types');
+const classnames = require('classnames');
+const Button = require('stremio/common/Button');
+const styles = require('./styles');
+
+const ServerWarning = ({ className }) => {
+    return (
+        <div className={classnames(className, styles['warning-container'])}>
+            <div className={styles['warning-statement']}>Streaming server must be available.</div>
+            <Button className={styles['warning-button']} title={'later'}>
+                <span className={styles['warning-label']}>Later</span>
+            </Button>
+            <Button className={styles['warning-button']} title={'dismiss'}>
+                <span className={styles['warning-label']}>Dismiss</span>
+            </Button>
+        </div>
+    );
+};
+
+ServerWarning.propTypes = {
+    className: PropTypes.string
+};
+
+module.exports = ServerWarning;

src/common/ServerWarning/index.js

@@ -0,0 +1,5 @@
+// Copyright (C) 2017-2020 Smart code 203358507
+
+const ServerWarning = require('./ServerWarning');
+
+module.exports = ServerWarning;

src/common/ServerWarning/styles.less

@@ -2,25 +2,25 @@
 
 @import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
 
-.notification-container {
+.warning-container {
     display: flex;
     flex-direction: row;
     padding: 0.5rem 1rem;
     background-color: @color-accent3;
 
-    .notification-statement {
+    .warning-statement {
         flex: 1;
         margin-right: 1rem;
         font-size: 1.2rem;
         color: @color-surface-light5-90;
     }
 
-    .notification-button {
+    .warning-button {
         &:not(:last-child) {
             margin-right: 1rem;
         }
 
-        .notification-label {
+        .warning-label {
             font-size: 1.2rem;
             color: @color-surface-light5-90;
         }

src/common/index.js

@@ -17,7 +17,7 @@ const PaginationInput = require('./PaginationInput');
 const PlayIconCircleCentered = require('./PlayIconCircleCentered');
 const Popup = require('./Popup');
 const SearchBar = require('./SearchBar');
-const ServerNotification = require('./ServerNotification');
+const ServerWarning = require('./ServerWarning');
 const SharePrompt = require('./SharePrompt');
 const Slider = require('./Slider');
 const TextInput = require('./TextInput');
@@ -57,7 +57,7 @@ module.exports = {
     PlayIconCircleCentered,
     Popup,
     SearchBar,
-    ServerNotification,
+    ServerWarning,
     SharePrompt,
     Slider,
     TextInput,

src/routes/Board/Board.js

@@ -2,7 +2,7 @@
 
 const React = require('react');
 const classnames = require('classnames');
-const { MainNavBars, MetaRow, LibItem, MetaItem, ServerNotification } = require('stremio/common');
+const { MainNavBars, MetaRow, LibItem, MetaItem, ServerWarning } = require('stremio/common');
 const useBoard = require('./useBoard');
 const useContinueWatchingPreview = require('./useContinueWatchingPreview');
 const styles = require('./styles');
@@ -65,7 +65,7 @@ const Board = () => {
                     })}
                 </div>
             </MainNavBars>
-            <ServerNotification className={styles['board-notification-container']} />
+            <ServerWarning className={styles['board-warning-container']} />
         </div>
     );
 };

src/routes/Board/styles.less

@@ -41,7 +41,7 @@
         }
     }
 
-    .board-notification-container {
+    .board-warning-container {
         flex: none;
         align-self: stretch;
     }