From 4d42059ec84a62037412a2f5ee9adec8d1c5d3e4 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Wed, 29 Jun 2022 09:54:47 +0300
Subject: [PATCH] Localization of the View (#2165)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/issues/ViewOptions.svelte                  | 4 ++--
 plugins/view-assets/lang/en.json                              | 3 ++-
 plugins/view-assets/lang/ru.json                              | 3 ++-
 .../view-resources/src/components/ViewletSettingButton.svelte | 4 ++--
 plugins/view/src/index.ts                                     | 3 ++-
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/plugins/tracker-resources/src/components/issues/ViewOptions.svelte b/plugins/tracker-resources/src/components/issues/ViewOptions.svelte
index de6a89ae4a..ac4846031c 100644
--- a/plugins/tracker-resources/src/components/issues/ViewOptions.svelte
+++ b/plugins/tracker-resources/src/components/issues/ViewOptions.svelte
@@ -14,7 +14,7 @@
 -->
 <script lang="ts">
   import { IssuesDateModificationPeriod, IssuesGrouping, IssuesOrdering, ViewOptions } from '@anticrm/tracker'
-  import { Button, eventToHTMLElement, IconDownOutline, showPopup } from '@anticrm/ui'
+  import { Button, eventToHTMLElement, IconDownOutline, showPopup, Label } from '@anticrm/ui'
   import { getViewOptions, setViewOptions } from '@anticrm/view-resources'
   import view, { Viewlet } from '@anticrm/view'
 
@@ -56,7 +56,7 @@
 >
   <svelte:fragment slot="content">
     <div class="flex-row-center clear-mins pointer-events-none">
-      <span class="text-sm font-medium">View</span>
+      <span class="text-sm font-medium"><Label label={view.string.View} /></span>
       <div class="icon"><IconDownOutline size={'full'} /></div>
     </div>
   </svelte:fragment>
diff --git a/plugins/view-assets/lang/en.json b/plugins/view-assets/lang/en.json
index f3d76bc865..ef07858855 100644
--- a/plugins/view-assets/lang/en.json
+++ b/plugins/view-assets/lang/en.json
@@ -47,6 +47,7 @@
     "AnyFilter": "any filter",
     "AllFilters": "all filters",
     "MatchCriteria": "Match criteria",
-    "DontMatchCriteria": "Don't match criteria"
+    "DontMatchCriteria": "Don't match criteria",
+    "View": "View"
   }
 }
diff --git a/plugins/view-assets/lang/ru.json b/plugins/view-assets/lang/ru.json
index ddf87bb45f..fd0348f287 100644
--- a/plugins/view-assets/lang/ru.json
+++ b/plugins/view-assets/lang/ru.json
@@ -45,6 +45,7 @@
     "AnyFilter": "любому фильтру",
     "AllFilters": "всем фильтрам",
     "MatchCriteria": "Соответсвует условию",
-    "DontMatchCriteria": "Не соответвует условию"
+    "DontMatchCriteria": "Не соответвует условию",
+    "View": "Вид"
   }
 }
diff --git a/plugins/view-resources/src/components/ViewletSettingButton.svelte b/plugins/view-resources/src/components/ViewletSettingButton.svelte
index 51a3fa5dd4..86aae5a006 100644
--- a/plugins/view-resources/src/components/ViewletSettingButton.svelte
+++ b/plugins/view-resources/src/components/ViewletSettingButton.svelte
@@ -13,7 +13,7 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Button, showPopup, IconDownOutline } from '@anticrm/ui'
+  import { Button, showPopup, IconDownOutline, Label } from '@anticrm/ui'
   import { Viewlet } from '@anticrm/view'
   import ViewletSetting from './ViewletSetting.svelte'
   import view from '../plugin'
@@ -36,7 +36,7 @@
   >
     <svelte:fragment slot="content">
       <div class="flex-row-center clear-mins pointer-events-none">
-        <span class="text-sm font-medium">View</span>
+        <span class="text-sm font-medium"><Label label={view.string.View} /></span>
         <div class="icon"><IconDownOutline size={'full'} /></div>
       </div>
     </svelte:fragment>
diff --git a/plugins/view/src/index.ts b/plugins/view/src/index.ts
index 64bfc6ead4..f13c37fdfa 100644
--- a/plugins/view/src/index.ts
+++ b/plugins/view/src/index.ts
@@ -449,7 +449,8 @@ const view = plugin(viewId, {
   },
   string: {
     CustomizeView: '' as IntlString,
-    LabelNA: '' as IntlString
+    LabelNA: '' as IntlString,
+    View: '' as IntlString
   },
   icon: {
     Table: '' as Asset,