From d7bdc2c46cf6a801b7591154ae87504a6a2f8bec Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Wed, 4 Sep 2024 11:22:02 +0300
Subject: [PATCH] Convert Donations to TypeScript

---
 .../src/System/Status/Donations/Donations.js  | 64 -------------------
 .../src/System/Status/Donations/Donations.tsx | 54 ++++++++++++++++
 2 files changed, 54 insertions(+), 64 deletions(-)
 delete mode 100644 frontend/src/System/Status/Donations/Donations.js
 create mode 100644 frontend/src/System/Status/Donations/Donations.tsx

diff --git a/frontend/src/System/Status/Donations/Donations.js b/frontend/src/System/Status/Donations/Donations.js
deleted file mode 100644
index 65a8c03de..000000000
--- a/frontend/src/System/Status/Donations/Donations.js
+++ /dev/null
@@ -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;
diff --git a/frontend/src/System/Status/Donations/Donations.tsx b/frontend/src/System/Status/Donations/Donations.tsx
new file mode 100644
index 000000000..3df614008
--- /dev/null
+++ b/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;