Initial Commit Rework

frontend/src/Components/Page/Sidebar/Messages/Message.js

@@ -0,0 +1,69 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import classNames from 'classnames';
+import { icons } from 'Helpers/Props';
+import Icon from 'Components/Icon';
+import styles from './Message.css';
+
+function getIconName(name) {
+  switch (name) {
+    case 'ApplicationUpdate':
+      return icons.RESTART;
+    case 'Backup':
+      return icons.BACKUP;
+    case 'CheckHealth':
+      return icons.HEALTH;
+    case 'EpisodeSearch':
+      return icons.SEARCH;
+    case 'Housekeeping':
+      return icons.HOUSEKEEPING;
+    case 'RefreshSeries':
+      return icons.REFRESH;
+    case 'RssSync':
+      return icons.RSS;
+    case 'SeasonSearch':
+      return icons.SEARCH;
+    case 'SeriesSearch':
+      return icons.SEARCH;
+    case 'UpdateSceneMapping':
+      return icons.REFRESH;
+    default:
+      return icons.SPINNER;
+  }
+}
+
+function Message(props) {
+  const {
+    name,
+    message,
+    type
+  } = props;
+
+  return (
+    <div className={classNames(
+      styles.message,
+      styles[type]
+    )}>
+      <div className={styles.iconContainer}>
+        <Icon
+          name={getIconName(name)}
+          title={name}
+        />
+      </div>
+
+      <div
+        className={styles.text}
+      >
+        {message}
+      </div>
+    </div>
+  );
+}
+
+Message.propTypes = {
+  name: PropTypes.string.isRequired,
+  message: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired
+};
+
+export default Message;