Convert MetadataSource to TypeScript

frontend/src/Settings/MetadataSource/MetadataSourceSettings.tsx

@@ -7,10 +7,8 @@ import TheTvdb from './TheTvdb';
 
 function MetadataSourceSettings() {
   return (
-    <PageContent title={translate('MetadataSourceSettings')} >
+    <PageContent title={translate('MetadataSourceSettings')}>
-      <SettingsToolbar
+      <SettingsToolbar showSave={false} />
-        showSave={false}
-      />
 
       <PageContentBody>
         <TheTvdb />

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}>
+        <div className={styles.title}>{translate('TheTvdb')}</div>
-          {translate('TheTvdb')}
+        <InlineMarkdown
-        </div>
+          data={translate('SeriesAndEpisodeInformationIsProvidedByTheTVDB', {
-        <InlineMarkdown data={translate('SeriesAndEpisodeInformationIsProvidedByTheTVDB', { url: 'https://www.thetvdb.com/subscribe' })} />
+            url: 'https://www.thetvdb.com/subscribe',
+          })}
+        />
       </div>
-
     </div>
   );
 }