Convert Donations to TypeScript

frontend/src/System/Status/Donations/Donations.js

@@ -1,64 +0,0 @@
-import React, { Component } from 'react';
-import FieldSet from 'Components/FieldSet';
-import Link from 'Components/Link/Link';
-import translate from 'Utilities/String/translate';
-import styles from '../styles.css';
-
-class Donations extends Component {
-
-  //
-  // Render
-
-  render() {
-    return (
-      <FieldSet legend={translate('Donations')}>
-        <div className={styles.logoContainer} title="Radarr">
-          <Link to="https://radarr.video/donate">
-            <img
-              className={styles.logo}
-              src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-radarr.png`}
-            />
-          </Link>
-        </div>
-        <div className={styles.logoContainer} title="Lidarr">
-          <Link to="https://lidarr.audio/donate">
-            <img
-              className={styles.logo}
-              src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-lidarr.png`}
-            />
-          </Link>
-        </div>
-        <div className={styles.logoContainer} title="Readarr">
-          <Link to="https://readarr.com/donate">
-            <img
-              className={styles.logo}
-              src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-readarr.png`}
-            />
-          </Link>
-        </div>
-        <div className={styles.logoContainer} title="Prowlarr">
-          <Link to="https://prowlarr.com/donate">
-            <img
-              className={styles.logo}
-              src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-prowlarr.png`}
-            />
-          </Link>
-        </div>
-        <div className={styles.logoContainer} title="Sonarr">
-          <Link to="https://sonarr.tv/donate">
-            <img
-              className={styles.logo}
-              src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-sonarr.png`}
-            />
-          </Link>
-        </div>
-      </FieldSet>
-    );
-  }
-}
-
-Donations.propTypes = {
-
-};
-
-export default Donations;

frontend/src/System/Status/Donations/Donations.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import FieldSet from 'Components/FieldSet';
+import Link from 'Components/Link/Link';
+import translate from 'Utilities/String/translate';
+import styles from '../styles.css';
+
+function Donations() {
+  return (
+    <FieldSet legend={translate('Donations')}>
+      <div className={styles.logoContainer} title="Radarr">
+        <Link to="https://radarr.video/donate">
+          <img
+            className={styles.logo}
+            src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-radarr.png`}
+          />
+        </Link>
+      </div>
+      <div className={styles.logoContainer} title="Lidarr">
+        <Link to="https://lidarr.audio/donate">
+          <img
+            className={styles.logo}
+            src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-lidarr.png`}
+          />
+        </Link>
+      </div>
+      <div className={styles.logoContainer} title="Readarr">
+        <Link to="https://readarr.com/donate">
+          <img
+            className={styles.logo}
+            src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-readarr.png`}
+          />
+        </Link>
+      </div>
+      <div className={styles.logoContainer} title="Prowlarr">
+        <Link to="https://prowlarr.com/donate">
+          <img
+            className={styles.logo}
+            src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-prowlarr.png`}
+          />
+        </Link>
+      </div>
+      <div className={styles.logoContainer} title="Sonarr">
+        <Link to="https://sonarr.tv/donate">
+          <img
+            className={styles.logo}
+            src={`${window.Radarr.urlBase}/Content/Images/Icons/logo-sonarr.png`}
+          />
+        </Link>
+      </div>
+    </FieldSet>
+  );
+}
+
+export default Donations;