Add i81n strings for MetaPart

src/assets/locales/en.json

@@ -277,6 +277,17 @@
         "homeButton": "Back to home",
         "text": "We couldn't find the media you requested. Either it's been removed or you tampered with the URL.",
         "title": "Couldn't find that media."
+      },
+      "extensionPermission": {
+        "badge": "Permission Missing",
+        "title": "Configure the extension",
+        "text": "You have the browser extension, but we need your permission to get started using the extension.",
+        "button": "Use extension"
+      },
+      "dmca": {
+        "badge": "Removed",
+        "title": "Media has been removed",
+        "text": "This media is no longer available due to a takedown notice or copyright claim."
       }
     },
     "nextEpisode": {

src/pages/parts/player/MetaPart.tsx

@@ -116,13 +116,10 @@ export function MetaPart(props: MetaPartProps) {
       <ErrorLayout>
         <ErrorContainer>
           <IconPill icon={Icons.WAND}>
-            {t("player.metadata.failed.badge")}
+            {t("player.metadata.extensionPermission.badge")}
           </IconPill>
-          <Title>Configure the extension</Title>
+          <Title>{t("player.metadata.extensionPermission.title")}</Title>
-          <Paragraph>
+          <Paragraph>{t("player.metadata.extensionPermission.text")}</Paragraph>
-            You have the browser extension, but we need your permission to get
-            started using the extension.
-          </Paragraph>
           <Button
             onClick={() => {
               sendPage({
@@ -134,7 +131,7 @@ export function MetaPart(props: MetaPartProps) {
             padding="md:px-12 p-2.5"
             className="mt-6"
           >
-            Use extension
+            {t("player.metadata.extensionPermission.button")}
           </Button>
         </ErrorContainer>
       </ErrorLayout>
@@ -145,12 +142,11 @@ export function MetaPart(props: MetaPartProps) {
     return (
       <ErrorLayout>
         <ErrorContainer>
-          <IconPill icon={Icons.DRAGON}>Removed</IconPill>
+          <IconPill icon={Icons.DRAGON}>
-          <Title>Media has been removed</Title>
+            {t("player.metadata.dmca.badge")}
-          <Paragraph>
+          </IconPill>
-            This media is no longer available due to a takedown notice or
+          <Title>{t("player.metadata.dmca.title")}</Title>
-            copyright claim.
+          <Paragraph>{t("player.metadata.dmca.text")}</Paragraph>
-          </Paragraph>
           <Button
             href="/"
             theme="purple"