diff --git a/src/js/components/ImportMenu/MigrateForm/ImportOptions.tsx b/src/js/components/ImportMenu/MigrateForm/ImportOptions.tsx index 9a86d9d2..b2a14685 100644 --- a/src/js/components/ImportMenu/MigrateForm/ImportOptions.tsx +++ b/src/js/components/ImportMenu/MigrateForm/ImportOptions.tsx @@ -25,7 +25,11 @@ export const ImportOptions: React.FC = () => { {autoAddTags && (
+ setTagValue(event.target.value)} diff --git a/src/js/components/ImportMenu/MigrateForm/ImporterSelector.tsx b/src/js/components/ImportMenu/MigrateForm/ImporterSelector.tsx index a5569b97..e43fdd08 100644 --- a/src/js/components/ImportMenu/MigrateForm/ImporterSelector.tsx +++ b/src/js/components/ImportMenu/MigrateForm/ImporterSelector.tsx @@ -12,11 +12,13 @@ export interface ImporterSelectorProps { export const ImporterSelector: React.FC = ({ value, onChange, options, isLoading }) => - diff --git a/src/js/components/ImportMenu/MigrateForm/MigrateForm.tsx b/src/js/components/ImportMenu/MigrateForm/MigrateForm.tsx index 8a933992..be660a48 100644 --- a/src/js/components/ImportMenu/MigrateForm/MigrateForm.tsx +++ b/src/js/components/ImportMenu/MigrateForm/MigrateForm.tsx @@ -16,7 +16,12 @@ interface StatusDisplayProps { } const StatusDisplay: React.FC = ({ type, title, children }) => - +

{title}

@@ -52,7 +57,7 @@ const StatusMessages: React.FC = () => { {selectedImporter && isWorking !== MigrationStep.FetchSnippets && error?.step !== MigrationStep.FetchSnippets && 0 === snippetSelection.availableItems.length && 0 === importedIds.length && ( - +

{__('No snippets found', 'code-snippets')}

@@ -68,7 +73,7 @@ const MigrateFormInner: React.FC = () => { const { isWorking, error, importers, snippetSelection, importSnippets, changeSelectedImporter } = useMigrationData() if (isWorking === MigrationStep.LoadImporters) { - return

{__('Loading importers…', 'code-snippets')}

+ return

{__('Loading importers…', 'code-snippets')}

} if (error?.step === MigrationStep.LoadImporters) { diff --git a/src/js/components/ImportMenu/MigrateForm/SimpleSnippetTable.tsx b/src/js/components/ImportMenu/MigrateForm/SimpleSnippetTable.tsx index 9fe42356..2b70d89d 100644 --- a/src/js/components/ImportMenu/MigrateForm/SimpleSnippetTable.tsx +++ b/src/js/components/ImportMenu/MigrateForm/SimpleSnippetTable.tsx @@ -52,15 +52,18 @@ export const SimpleSnippetTable: React.FC = props => { )}

{__('We found the following snippets:', 'code-snippets')}

-
- @@ -74,6 +77,11 @@ export const SimpleSnippetTable: React.FC = props => { type="checkbox" checked={selectedItems.has(snippet.table_data.id)} onChange={() => toggleItem(snippet.table_data.id)} + aria-label={sprintf( + // translators: %s: snippet name. + __('Select %s', 'code-snippets'), + snippet.table_data.title + )} /> @@ -81,7 +89,6 @@ export const SimpleSnippetTable: React.FC = props => { )}
- + {__('Snippet name', 'code-snippets')} {__('ID', 'code-snippets')}{snippet.table_data.title}
-
)