From 15e4599d315a721e2f8798a98a65271f3372dee4 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Mon, 30 Dec 2024 20:59:33 -0800
Subject: [PATCH] Convert MetadataSource to TypeScript

---
 ...SourceSettings.js => MetadataSourceSettings.tsx} |  6 ++----
 .../MetadataSource/{TheTvdb.js => TheTvdb.tsx}      | 13 +++++++------
 2 files changed, 9 insertions(+), 10 deletions(-)
 rename frontend/src/Settings/MetadataSource/{MetadataSourceSettings.js => MetadataSourceSettings.tsx} (79%)
 rename frontend/src/Settings/MetadataSource/{TheTvdb.js => TheTvdb.tsx} (62%)

diff --git a/frontend/src/Settings/MetadataSource/MetadataSourceSettings.js b/frontend/src/Settings/MetadataSource/MetadataSourceSettings.tsx
similarity index 79%
rename from frontend/src/Settings/MetadataSource/MetadataSourceSettings.js
rename to frontend/src/Settings/MetadataSource/MetadataSourceSettings.tsx
index cf2fd57ec..0510e58fb 100644
--- a/frontend/src/Settings/MetadataSource/MetadataSourceSettings.js
+++ b/frontend/src/Settings/MetadataSource/MetadataSourceSettings.tsx
@@ -7,10 +7,8 @@ import TheTvdb from './TheTvdb';
 
 function MetadataSourceSettings() {
   return (
-    <PageContent title={translate('MetadataSourceSettings')} >
-      <SettingsToolbar
-        showSave={false}
-      />
+    <PageContent title={translate('MetadataSourceSettings')}>
+      <SettingsToolbar showSave={false} />
 
       <PageContentBody>
         <TheTvdb />
diff --git a/frontend/src/Settings/MetadataSource/TheTvdb.js b/frontend/src/Settings/MetadataSource/TheTvdb.tsx
similarity index 62%
rename from frontend/src/Settings/MetadataSource/TheTvdb.js
rename to frontend/src/Settings/MetadataSource/TheTvdb.tsx
index 79a1e6e40..7e686bde1 100644
--- a/frontend/src/Settings/MetadataSource/TheTvdb.js
+++ b/frontend/src/Settings/MetadataSource/TheTvdb.tsx
@@ -3,7 +3,7 @@ import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
 import translate from 'Utilities/String/translate';
 import styles from './TheTvdb.css';
 
-function TheTvdb(props) {
+function TheTvdb() {
   return (
     <div className={styles.container}>
       <img
@@ -12,12 +12,13 @@ function TheTvdb(props) {
       />
 
       <div className={styles.info}>
-        <div className={styles.title}>
-          {translate('TheTvdb')}
-        </div>
-        <InlineMarkdown data={translate('SeriesAndEpisodeInformationIsProvidedByTheTVDB', { url: 'https://www.thetvdb.com/subscribe' })} />
+        <div className={styles.title}>{translate('TheTvdb')}</div>
+        <InlineMarkdown
+          data={translate('SeriesAndEpisodeInformationIsProvidedByTheTVDB', {
+            url: 'https://www.thetvdb.com/subscribe',
+          })}
+        />
       </div>
-
     </div>
   );
 }