fix: i18n for media filename template

prinsss · Apr 12, 2024 · 38069a3 · 38069a3
1 parent 8c020bd
commit 38069a3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/modals/export-media.tsx b/src/components/modals/export-media.tsx
@@ -2,7 +2,7 @@ import { Table } from '@tanstack/table-core';
 import { IconCircleCheck, IconCircleDashed, IconInfoCircle } from '@tabler/icons-preact';
 
 import { FileLike, ProgressCallback, zipStreamDownload } from '@/utils/download';
-import { DEFAULT_FILENAME_PATTERN, FILENAME_PATTERN_TOOLTIP, extractMedia } from '@/utils/media';
+import { DEFAULT_FILENAME_PATTERN, extractMedia, patterns } from '@/utils/media';
 import { Modal } from '@/components/common';
 import { TranslationKey, useTranslation } from '@/i18n';
 import { Tweet, User } from '@/types';
@@ -106,7 +106,9 @@ export function ExportMediaModal<T>({
             <p class="mr-2 leading-8">{t('Filename template:')}</p>
             <div
               class="flex-grow tooltip tooltip-bottom before:whitespace-pre-line before:max-w-max"
-              data-tip={FILENAME_PATTERN_TOOLTIP}
+              data-tip={Object.entries(patterns)
+                .map(([key, value]) => `{${key}} - ${t(value.description as TranslationKey)}`)
+                .reduce((acc, cur) => acc + cur + '\n', '')}
             >
               <input
                 type="text"

diff --git a/src/utils/media.ts b/src/utils/media.ts
@@ -55,10 +55,6 @@ export const patterns: Record<string, { description: string; extractor: PatternE
 
 export const DEFAULT_FILENAME_PATTERN = '{screen_name}_{id}_{type}_{num}_{date}.{ext}';
 
-export const FILENAME_PATTERN_TOOLTIP = Object.entries(patterns)
-  .map(([key, value]) => `{${key}} - ${value.description}`)
-  .reduce((acc, cur) => acc + cur + '\n', '');
-
 /**
  * Extract media from tweets and users.
  */