New: Project Aphrodite

2025-09-17 17:14:18 +02:00 · 2018-11-23 02:04:42 -05:00
parent 65efa15551
commit 8430cb40ab
1080 changed files with 73015 additions and 0 deletions
--- a/frontend/src/System/Updates/Updates.js
+++ b/frontend/src/System/Updates/Updates.js
@@ -0,0 +1,169 @@
+import _ from 'lodash';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { icons, kinds } from 'Helpers/Props';
+import formatDate from 'Utilities/Date/formatDate';
+import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+import SpinnerButton from 'Components/Link/SpinnerButton';
+import Icon from 'Components/Icon';
+import Label from 'Components/Label';
+import PageContent from 'Components/Page/PageContent';
+import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
+import UpdateChanges from './UpdateChanges';
+import styles from './Updates.css';
+
+class Updates extends Component {
+
+  //
+  // Render
+
+  render() {
+    const {
+      isFetching,
+      isPopulated,
+      error,
+      items,
+      isInstallingUpdate,
+      shortDateFormat,
+      onInstallLatestPress
+    } = this.props;
+
+    const hasUpdates = isPopulated && !error && items.length > 0;
+    const noUpdates = isPopulated && !error && !items.length;
+    const hasUpdateToInstall = hasUpdates && _.some(items, { installable: true, latest: true });
+    const noUpdateToInstall = hasUpdates && !hasUpdateToInstall;
+
+    return (
+      <PageContent title="Updates">
+        <PageContentBodyConnector>
+          {
+            !isPopulated && !error &&
+              <LoadingIndicator />
+          }
+
+          {
+            noUpdates &&
+              <div>No updates are available</div>
+          }
+
+          {
+            hasUpdateToInstall &&
+              <div className={styles.updateAvailable}>
+                <SpinnerButton
+                  className={styles.updateAvailable}
+                  kind={kinds.PRIMARY}
+                  isSpinning={isInstallingUpdate}
+                  onPress={onInstallLatestPress}
+                >
+                  Install Latest
+                </SpinnerButton>
+
+                {
+                  isFetching &&
+                    <LoadingIndicator
+                      className={styles.loading}
+                      size={20}
+                    />
+                }
+              </div>
+          }
+
+          {
+            noUpdateToInstall &&
+              <div className={styles.upToDate}>
+                <Icon
+                  className={styles.upToDateIcon}
+                  name={icons.CHECK_CIRCLE}
+                  size={30}
+                />
+                <div className={styles.upToDateMessage}>
+                  The latest version of Radarr is already installed
+                </div>
+
+                {
+                  isFetching &&
+                    <LoadingIndicator
+                      className={styles.loading}
+                      size={20}
+                    />
+                }
+              </div>
+          }
+
+          {
+            hasUpdates &&
+              <div>
+                {
+                  items.map((update) => {
+                    const hasChanges = !!update.changes;
+
+                    return (
+                      <div
+                        key={update.version}
+                        className={styles.update}
+                      >
+                        <div className={styles.info}>
+                          <div className={styles.version}>{update.version}</div>
+                          <div className={styles.space}>&mdash;</div>
+                          <div className={styles.date}>{formatDate(update.releaseDate, shortDateFormat)}</div>
+
+                          {
+                            update.branch !== 'master' &&
+                              <Label
+                                className={styles.branch}
+                              >
+                                {update.branch}
+                              </Label>
+                          }
+                        </div>
+
+                        {
+                          !hasChanges &&
+                            <div>Maintenance release</div>
+                        }
+
+                        {
+                          hasChanges &&
+                            <div className={styles.changes}>
+                              <UpdateChanges
+                                title="New"
+                                changes={update.changes.new}
+                              />
+
+                              <UpdateChanges
+                                title="Fixed"
+                                changes={update.changes.fixed}
+                              />
+                            </div>
+                        }
+                      </div>
+                    );
+                  })
+                }
+              </div>
+          }
+
+          {
+            !!error &&
+              <div>
+                Failed to fetch updates
+              </div>
+          }
+        </PageContentBodyConnector>
+      </PageContent>
+    );
+  }
+
+}
+
+Updates.propTypes = {
+  isFetching: PropTypes.bool.isRequired,
+  isPopulated: PropTypes.bool.isRequired,
+  error: PropTypes.object,
+  items: PropTypes.array.isRequired,
+  isInstallingUpdate: PropTypes.bool.isRequired,
+  shortDateFormat: PropTypes.string.isRequired,
+  onInstallLatestPress: PropTypes.func.isRequired
+};
+
+export default Updates;