refactor(Tablet): use i18n

Author: artemmufazalov

src/containers/Tablet/Tablet.tsx

@@ -19,6 +19,8 @@ import {TabletTable} from './TabletTable';
 import {TabletInfo} from './TabletInfo';
 import {TabletControls} from './TabletControls';
 
+import i18n from './i18n';
+
 import './Tablet.scss';
 
 export const b = cn('tablet-page');
@@ -69,7 +71,7 @@ export const Tablet = () => {
     if (!tablet || !Object.keys(tablet).length) {
         return (
             <div className={b('placeholder')}>
-                <EmptyState title="The tablet was not found" />
+                <EmptyState title={i18n('emptyState')} />
             </div>
         );
     }
@@ -89,7 +91,7 @@ export const Tablet = () => {
                 <div className={b('left-pane')}>
                     <ul className={b('links')}>{externalLinks.map(renderExternalLinks)}</ul>
                     <div className={b('row', {header: true})}>
-                        <span className={b('title')}>Tablet</span>
+                        <span className={b('title')}>{i18n('tablet.header')}</span>
                         <EntityStatus status={Overall} name={TabletId} />
                         <a
                             rel="noopener noreferrer"

src/containers/Tablet/TabletControls/TabletControls.tsx

@@ -4,6 +4,7 @@ import {Button} from '@gravity-ui/uikit';
 import {ETabletState, TTabletStateInfo} from '../../../types/api/tablet';
 import {CriticalActionDialog} from '../../../components/CriticalActionDialog';
 
+import i18n from '../i18n';
 import {b} from '../Tablet';
 
 enum EVisibleDialogType {
@@ -91,7 +92,7 @@ export const TabletControls = ({tablet}: TabletControlsProps) => {
                 return (
                     <CriticalActionDialog
                         visible={isDialogVisible}
-                        text="The tablet will be restarted. Do you want to proceed?"
+                        text={i18n('dialog.kill')}
                         onClose={hideDialog}
                         onConfirm={_onKillClick}
                     />
@@ -101,7 +102,7 @@ export const TabletControls = ({tablet}: TabletControlsProps) => {
                 return (
                     <CriticalActionDialog
                         visible={isDialogVisible}
-                        text="The tablet will be stopped. Do you want to proceed?"
+                        text={i18n('dialog.stop')}
                         onClose={hideDialog}
                         onConfirm={_onStopClick}
                     />
@@ -111,7 +112,7 @@ export const TabletControls = ({tablet}: TabletControlsProps) => {
                 return (
                     <CriticalActionDialog
                         visible={isDialogVisible}
-                        text="The tablet will be resumed. Do you want to proceed?"
+                        text={i18n('dialog.resume')}
                         onClose={hideDialog}
                         onConfirm={_onResumeClick}
                     />
@@ -130,7 +131,7 @@ export const TabletControls = ({tablet}: TabletControlsProps) => {
                 disabled={isDisabledKill()}
                 className={b('control')}
             >
-                Restart
+                {i18n('controls.kill')}
             </Button>
             {hasHiveId() ? (
                 <>
@@ -140,15 +141,15 @@ export const TabletControls = ({tablet}: TabletControlsProps) => {
                         disabled={isDisabledStop()}
                         className={b('control')}
                     >
-                        Stop
+                        {i18n('controls.stop')}
                     </Button>
                     <Button
                         onClick={showResumeDialog}
                         view="action"
                         disabled={isDisabledResume()}
                         className={b('control')}
                     >
-                        Resume
+                        {i18n('controls.resume')}
                     </Button>
                 </>
             ) : null}

src/containers/Tablet/i18n/en.json

@@ -0,0 +1,10 @@
+{
+  "tablet.header": "Tablet",
+  "controls.kill": "Restart",
+  "controls.stop": "Stop",
+  "controls.resume": "Resume",
+  "dialog.kill": "The tablet will be restarted. Do you want to proceed?",
+  "dialog.stop": "The tablet will be stopped. Do you want to proceed?",
+  "dialog.resume": "The tablet will be resumed. Do you want to proceed?",
+  "emptyState": "The tablet was not found"
+}

src/containers/Tablet/i18n/index.ts

@@ -0,0 +1,11 @@
+import {i18n, Lang} from '../../../utils/i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'ydb-tablet-page';
+
+i18n.registerKeyset(Lang.En, COMPONENT, en);
+i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
+
+export default i18n.keyset(COMPONENT);

src/containers/Tablet/i18n/ru.json

@@ -0,0 +1,10 @@
+{
+  "tablet.header": "Таблетка",
+  "controls.kill": "Перезапустить",
+  "controls.stop": "Остановить",
+  "controls.resume": "Запустить",
+  "dialog.kill": "Таблетка будет перезапущена. Вы хотите продолжить?",
+  "dialog.stop": "Таблетка будет остановлена. Вы хотите продолжить?",
+  "dialog.resume": "Таблетка будет запущена. Вы хотите продолжить?",
+  "emptyState": "Таблетка не найдена"
+}