Add i18n for Table's and Mermaid's context menu (#360)

Author: St1ggy

src/extensions/markdown/Table/plugins/TableCellContextPlugin/index.ts

@@ -1,6 +1,7 @@
 import {Plugin} from 'prosemirror-state';
 
 import {bindActions} from '../../../../../core';
+import {i18n} from '../../../../../i18n/yfm-table';
 import {convertToYfmTable} from '../../../../yfm';
 import {TableNode} from '../../TableSpecs';
 import {innerActions} from '../../actions/innerActions';
@@ -25,18 +26,27 @@ export const tableCellContextPlugin = () =>
                 view,
                 [
                     [
-                        {action: actions.setCellLeftAlign, text: 'left'},
-                        {action: actions.setCellCenterAlign, text: 'center'},
-                        {action: actions.setCellRightAlign, text: 'right'},
+                        {
+                            action: actions.setCellLeftAlign,
+                            text: i18n('table.menu.cell.align.left'),
+                        },
+                        {
+                            action: actions.setCellCenterAlign,
+                            text: i18n('table.menu.cell.align.center'),
+                        },
+                        {
+                            action: actions.setCellRightAlign,
+                            text: i18n('table.menu.cell.align.right'),
+                        },
                     ],
                     [
-                        {action: actions.addRow, text: 'add row'},
-                        {action: actions.deleteRow, text: 'del row'},
-                        {action: actions.addColumn, text: 'add column'},
-                        {action: actions.deleteColumn, text: 'del column'},
+                        {action: actions.addRow, text: i18n('table.menu.row.add')},
+                        {action: actions.deleteRow, text: i18n('table.menu.row.remove')},
+                        {action: actions.addColumn, text: i18n('table.menu.column.add')},
+                        {action: actions.deleteColumn, text: i18n('table.menu.column.remove')},
                     ],
-                    {action: actions.convert, text: 'convert to yfm table'},
-                    {action: actions.deleteTable, text: 'del table'},
+                    {action: actions.convert, text: i18n('table.menu.convert.yfm')},
+                    {action: actions.deleteTable, text: i18n('table.menu.table.remove')},
                 ],
                 [schema.nodes[TableNode.HeaderCell], schema.nodes[TableNode.DataCell]],
             );

src/extensions/yfm/Mermaid/MermaidNodeView/MermaidView.tsx

@@ -2,16 +2,16 @@ import React, {useEffect, useRef, useState} from 'react';
 
 import {Ellipsis as DotsIcon} from '@gravity-ui/icons';
 import {Button, Icon, Loader, Menu, Popup} from '@gravity-ui/uikit';
-import type {Mermaid} from 'mermaid'; // eslint-disable-line import/no-extraneous-dependencies
+import type {Mermaid} from 'mermaid';
 import {Node} from 'prosemirror-model';
 import {EditorView} from 'prosemirror-view';
 
 import {cn} from '../../../../classname';
 import {TextAreaFixed as TextArea} from '../../../../forms/TextInput';
-import {useBooleanState} from '../../../../react-utils/hooks';
-import {removeNode} from '../../../../utils/remove-node';
+import {i18n} from '../../../../i18n/common';
+import {useBooleanState} from '../../../../react-utils';
+import {removeNode} from '../../../../utils';
 import {MermaidConsts} from '../MermaidSpecs/const';
-
 export const cnMermaid = cn('Mermaid');
 export const cnDiagramHelper = cn('MermaidHelper');
 
@@ -175,7 +175,7 @@ export const MermaidView: React.FC<{
                                 toggleMenuOpen();
                             }}
                         >
-                            Edit
+                            {i18n('edit')}
                         </Menu.Item>
                         <Menu.Item
                             onClick={() => {
@@ -189,7 +189,7 @@ export const MermaidView: React.FC<{
                                 });
                             }}
                         >
-                            Remove
+                            {i18n('remove')}
                         </Menu.Item>
                     </Menu>
                 </Popup>

src/i18n/yfm-table/en.json

@@ -5,5 +5,14 @@
   "row.add.before": "Add row before",
   "row.add.after": "Add row after",
   "row.remove": "Remove row",
-  "table.remove": "Remove table"
+  "table.remove": "Remove table",
+  "table.menu.cell.align.left": "Align cell content to the left",
+  "table.menu.cell.align.right": "Align cell content to the right",
+  "table.menu.cell.align.center": "Align cell content to the center",
+  "table.menu.row.add": "Add row after",
+  "table.menu.row.remove": "Remove row",
+  "table.menu.column.add": "Add column after",
+  "table.menu.column.remove": "Remove column",
+  "table.menu.convert.yfm": "Convert to YFM table",
+  "table.menu.table.remove": "Remove table"
 }

src/i18n/yfm-table/ru.json

@@ -5,5 +5,14 @@
   "row.add.before": "Добавить строку до",
   "row.add.after": "Добавить строку после",
   "row.remove": "Удалить строку",
-  "table.remove": "Удалить таблицу"
+  "table.remove": "Удалить таблицу",
+  "table.menu.cell.align.left": "Выровнять контент ячейки по левому краю",
+  "table.menu.cell.align.right": "Выровнять контент ячейки по правому краю",
+  "table.menu.cell.align.center": "Выровнять контент ячейки по центру",
+  "table.menu.row.add": "Добавить строку после",
+  "table.menu.row.remove": "Удалить строку",
+  "table.menu.column.add": "Добавить столбец после",
+  "table.menu.column.remove": "Удалить столбец",
+  "table.menu.convert.yfm": "Преобразовать в таблицу YFM",
+  "table.menu.table.remove": "Удалить таблицу"
 }

tests/toMatchNode.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-namespace */
 
-import {eq} from 'prosemirror-test-builder';
 import type {Node} from 'prosemirror-model';
+import {eq} from 'prosemirror-test-builder';
 
 const toJson = (node: Node) => JSON.stringify(node.toJSON());