From 7f1dc88bd49ac1d88eeb9e52852b24e2d6c7c7b1 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Thu, 15 Feb 2024 13:47:13 +0100
Subject: [PATCH] Updated localization

---
 l10n/bundle.l10n.json                         |  7 ++++++
 .../components/Contents/Item.tsx              | 15 +++++++++---
 .../components/Media/Item.tsx                 |  4 ++--
 .../components/SettingsView/SettingsLink.tsx  |  6 +++--
 .../components/SnippetsView/NewForm.tsx       |  4 ++--
 .../TaxonomyView/TaxonomyActions.tsx          |  4 ++--
 src/localization/localization.enum.ts         | 24 +++++++++++++++++++
 src/panelWebView/components/Git/GitAction.tsx |  2 +-
 .../components/JsonField/JsonFieldRecord.tsx  | 11 +++++----
 .../components/JsonField/JsonFieldRecords.tsx |  5 +++-
 10 files changed, 65 insertions(+), 17 deletions(-)

diff --git a/l10n/bundle.l10n.json b/l10n/bundle.l10n.json
index 4782fe6a..af9668d8 100644
--- a/l10n/bundle.l10n.json
+++ b/l10n/bundle.l10n.json
@@ -35,6 +35,8 @@
   "common.no": "no",
   "common.openSettings": "Open settings",
   "common.back": "Back",
+  "common.open": "Open",
+  "common.openWithValue": "Open: {0}",
 
   "loading.initPages": "Loading content",
 
@@ -209,6 +211,9 @@
   "dashboard.media.folderCreation.hexo.create": "Create post asset folder",
   "dashboard.media.folderCreation.folder.create": "Create new folder",
 
+  "dashboard.media.item.buttom.insert.image": "Insert image",
+  "dashboard.media.item.buttom.insert.snippet": "Insert snippet",
+
   "dashboard.media.item.quickAction.insert.field": "Insert image for your \"{0}\" field",
   "dashboard.media.item.quickAction.insert.markdown": "Insert image with markdown markup",
   "dashboard.media.item.quickAction.copy.path": "Copy media path",
@@ -294,6 +299,7 @@
   "dashboard.steps.stepsToGetStarted.astroContentTypes.name": "Create Content-Types for your Astro Content Collections",
 
   "dashboard.taxonomyView.button.add.title": "Add {0} to taxonomy settings",
+  "dashboard.taxonomyView.button.tag.title": "Tag content",
   "dashboard.taxonomyView.button.edit.title": "Edit {0}",
   "dashboard.taxonomyView.button.merge.title": "Merge {0}",
   "dashboard.taxonomyView.button.move.title": "Move to another taxonomy type",
@@ -341,6 +347,7 @@
   "dashboard.configuration.astro.astroContentTypes.description": "The following Astro Content Collections can be used to generate a content-type.",
 
   "panel.git.gitAction.title": "Publish changes",
+  "panel.git.gitAction.branch.select": "Select branch",
   "panel.git.gitAction.input.placeholder": "Commit message",
   "panel.git.gitAction.button.fetch": "Fetch",
 
diff --git a/src/dashboardWebView/components/Contents/Item.tsx b/src/dashboardWebView/components/Contents/Item.tsx
index c890a1e6..02ded451 100644
--- a/src/dashboardWebView/components/Contents/Item.tsx
+++ b/src/dashboardWebView/components/Contents/Item.tsx
@@ -80,6 +80,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
           className={`group flex flex-col items-start content-start h-full w-full text-left shadow-md dark:shadow-none hover:shadow-xl border rounded bg-[var(--vscode-sideBar-background)] hover:bg-[var(--vscode-list-hoverBackground)] text-[var(--vscode-sideBarTitle-foreground)] border-[var(--frontmatter-border)]`}
         >
           <button
+            title={escapedTitle ? l10n.t(LocalizationKey.commonOpenWithValue, escapedTitle) : l10n.t(LocalizationKey.commonOpen)}
             onClick={openFile}
             className={`relative h-36 w-full overflow-hidden border-b cursor-pointer border-[var(--frontmatter-border)]
               }`}
@@ -131,7 +132,10 @@ export const Item: React.FunctionComponent<IItemProps> = ({
               onOpen={openFile}
             />
 
-            <button onClick={openFile} className={`text-left block`}>
+            <button
+              title={escapedTitle ? l10n.t(LocalizationKey.commonOpenWithValue, escapedTitle) : l10n.t(LocalizationKey.commonOpen)}
+              onClick={openFile}
+              className={`text-left block`}>
               {
                 titleHtml ? (
                   <div dangerouslySetInnerHTML={{ __html: titleHtml }} />
@@ -143,7 +147,10 @@ export const Item: React.FunctionComponent<IItemProps> = ({
               }
             </button>
 
-            <button onClick={openFile} className={`text-left block`}>
+            <button
+              title={escapedTitle ? l10n.t(LocalizationKey.commonOpenWithValue, escapedTitle) : l10n.t(LocalizationKey.commonOpen)}
+              onClick={openFile}
+              className={`text-left block`}>
               {
                 descriptionHtml ? (
                   <div dangerouslySetInnerHTML={{ __html: descriptionHtml }} />
@@ -197,7 +204,9 @@ export const Item: React.FunctionComponent<IItemProps> = ({
           className={`px-5 cursor-pointer w-full text-left grid grid-cols-12 gap-x-4 sm:gap-x-6 xl:gap-x-8 py-2 border-b hover:bg-opacity-70 border-[var(--frontmatter-border)] hover:bg-[var(--vscode-sideBar-background)]`}
         >
           <div className="col-span-8 font-bold truncate flex items-center space-x-4">
-            <button title={`Open: ${escapedTitle}`} onClick={openFile}>
+            <button
+              title={escapedTitle ? l10n.t(LocalizationKey.commonOpenWithValue, escapedTitle) : l10n.t(LocalizationKey.commonOpen)}
+              onClick={openFile}>
               {escapedTitle}
             </button>
 
diff --git a/src/dashboardWebView/components/Media/Item.tsx b/src/dashboardWebView/components/Media/Item.tsx
index 0831418a..c0dcb921 100644
--- a/src/dashboardWebView/components/Media/Item.tsx
+++ b/src/dashboardWebView/components/Media/Item.tsx
@@ -358,7 +358,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
                   } flex items-center justify-center`}
               >
                 <button
-                  title="Insert image"
+                  title={l10n.t(LocalizationKey.dashboardMediaItemButtomInsertImage)}
                   className={`h-1/3 text-white hover:text-[var(--vscode-button-background)]`}
                   onClick={insertIntoArticle}
                 >
@@ -368,7 +368,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
               {viewData?.data?.position && mediaSnippets.length > 0 && (
                 <div className={`h-full w-1/3 flex items-center justify-center`}>
                   <button
-                    title="Insert snippet"
+                    title={l10n.t(LocalizationKey.dashboardMediaItemButtomInsertSnippet)}
                     className={`h-1/3 text-white hover:text-[var(--vscode-button-background)]`}
                     onClick={insertSnippet}
                   >
diff --git a/src/dashboardWebView/components/SettingsView/SettingsLink.tsx b/src/dashboardWebView/components/SettingsView/SettingsLink.tsx
index 6196d392..8409d4fc 100644
--- a/src/dashboardWebView/components/SettingsView/SettingsLink.tsx
+++ b/src/dashboardWebView/components/SettingsView/SettingsLink.tsx
@@ -3,6 +3,8 @@ import { useRecoilValue } from 'recoil';
 import { SettingsSelector } from '../../state';
 import { CogIcon } from '@heroicons/react/24/solid';
 import { NavigationType } from '../../models';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
 
 export interface ISettingsLinkProps {
   onNavigate: (navigationType: NavigationType) => void;
@@ -20,11 +22,11 @@ export const SettingsLink: React.FunctionComponent<ISettingsLinkProps> = ({
   return (
     <button
       className="flex items-center mr-4 hover:text-[var(--vscode-textLink-activeForeground)]"
-      title={`Settings`}
+      title={l10n.t(LocalizationKey.commonSettings)}
       onClick={() => onNavigate(NavigationType.Settings)}
     >
       <CogIcon className="h-4 w-4" />
-      <span className='sr-only'>Settings</span>
+      <span className='sr-only'>{l10n.t(LocalizationKey.commonSettings)}</span>
     </button>
   );
 };
\ No newline at end of file
diff --git a/src/dashboardWebView/components/SnippetsView/NewForm.tsx b/src/dashboardWebView/components/SnippetsView/NewForm.tsx
index 3492da79..479ec2ff 100644
--- a/src/dashboardWebView/components/SnippetsView/NewForm.tsx
+++ b/src/dashboardWebView/components/SnippetsView/NewForm.tsx
@@ -40,7 +40,7 @@ export const NewForm: React.FunctionComponent<INewFormProps> = ({
         <label htmlFor={`title`} className="block text-sm font-medium capitalize">
           {l10n.t(LocalizationKey.commonTitle)}
           {' '}
-          <span className={`text-[var(--vscode-editorError-foreground)]`} title="Required field">
+          <span className={`text-[var(--vscode-editorError-foreground)]`} title={l10n.t(LocalizationKey.fieldRequired)}>
             *
           </span>
         </label>
@@ -72,7 +72,7 @@ export const NewForm: React.FunctionComponent<INewFormProps> = ({
         <label htmlFor={`snippet`} className="block text-sm font-medium capitalize">
           {l10n.t(LocalizationKey.dashboardSnippetsViewNewFormSnippetInputSnippetLabel)}
           {' '}
-          <span className="text-[var(--vscode-editorError-foreground)]" title="Required field">
+          <span className="text-[var(--vscode-editorError-foreground)]" title={l10n.t(LocalizationKey.fieldRequired)}>
             *
           </span>
         </label>
diff --git a/src/dashboardWebView/components/TaxonomyView/TaxonomyActions.tsx b/src/dashboardWebView/components/TaxonomyView/TaxonomyActions.tsx
index a1183b0b..75379f44 100644
--- a/src/dashboardWebView/components/TaxonomyView/TaxonomyActions.tsx
+++ b/src/dashboardWebView/components/TaxonomyView/TaxonomyActions.tsx
@@ -82,13 +82,13 @@ export const TaxonomyActions: React.FunctionComponent<ITaxonomyActionsProps> = (
         )}
 
         <LinkButton
-          title={`Tag content`}
+          title={l10n.t(LocalizationKey.dashboardTaxonomyViewButtonTagTitle)}
           onClick={onTagging}>
           <div className='relative'>
             <TagIcon className={`w-4 h-4`} aria-hidden={true} />
             <PlusCircleIcon className={`w-3 h-3 absolute left-[-3px] bottom-[-4px] border-1 bg-[var(--vscode-editor-background)] rounded-full`} aria-hidden={true} />
           </div>
-          <span className="sr-only">{l10n.t(LocalizationKey.commonEdit)}</span>
+          <span className="sr-only">{l10n.t(LocalizationKey.dashboardTaxonomyViewButtonTagTitle)}</span>
         </LinkButton>
 
         <LinkButton
diff --git a/src/localization/localization.enum.ts b/src/localization/localization.enum.ts
index f39c4fba..446b80c0 100644
--- a/src/localization/localization.enum.ts
+++ b/src/localization/localization.enum.ts
@@ -143,6 +143,14 @@ export enum LocalizationKey {
    * Back
    */
   commonBack = 'common.back',
+  /**
+   * Open
+   */
+  commonOpen = 'common.open',
+  /**
+   * Open: {0}
+   */
+  commonOpenWithValue = 'common.openWithValue',
   /**
    * Loading content
    */
@@ -675,6 +683,14 @@ export enum LocalizationKey {
    * Create new folder
    */
   dashboardMediaFolderCreationFolderCreate = 'dashboard.media.folderCreation.folder.create',
+  /**
+   * Insert image
+   */
+  dashboardMediaItemButtomInsertImage = 'dashboard.media.item.buttom.insert.image',
+  /**
+   * Insert snippet
+   */
+  dashboardMediaItemButtomInsertSnippet = 'dashboard.media.item.buttom.insert.snippet',
   /**
    * Insert image for your "{0}" field
    */
@@ -979,6 +995,10 @@ export enum LocalizationKey {
    * Add {0} to taxonomy settings
    */
   dashboardTaxonomyViewButtonAddTitle = 'dashboard.taxonomyView.button.add.title',
+  /**
+   * Tag content
+   */
+  dashboardTaxonomyViewButtonTagTitle = 'dashboard.taxonomyView.button.tag.title',
   /**
    * Edit {0}
    */
@@ -1131,6 +1151,10 @@ export enum LocalizationKey {
    * Publish changes
    */
   panelGitGitActionTitle = 'panel.git.gitAction.title',
+  /**
+   * Select branch
+   */
+  panelGitGitActionBranchSelect = 'panel.git.gitAction.branch.select',
   /**
    * Commit message
    */
diff --git a/src/panelWebView/components/Git/GitAction.tsx b/src/panelWebView/components/Git/GitAction.tsx
index c8e71472..cdc814b6 100644
--- a/src/panelWebView/components/Git/GitAction.tsx
+++ b/src/panelWebView/components/Git/GitAction.tsx
@@ -128,7 +128,7 @@ export const GitAction: React.FunctionComponent<IGitActionProps> = ({
 
         <button
           className='inline-flex items-center w-auto p-0 bg-inherit text-[var(--vscode-sideBarTitle-foreground)] hover:bg-inherit hover:text-[var(--vscode-sideBarTitle-foreground-hover)]'
-          title='Select Branch'
+          title={l10n.t(LocalizationKey.panelGitGitActionBranchSelect)}
           onClick={selectBranch}>
           <BranchIcon className='w-4 h-4' aria-hidden="true" />
           <span className='ml-1'>{crntBanch}</span>
diff --git a/src/panelWebView/components/JsonField/JsonFieldRecord.tsx b/src/panelWebView/components/JsonField/JsonFieldRecord.tsx
index b76d6719..e428f369 100644
--- a/src/panelWebView/components/JsonField/JsonFieldRecord.tsx
+++ b/src/panelWebView/components/JsonField/JsonFieldRecord.tsx
@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { PencilIcon, ChevronUpDownIcon, TrashIcon } from '@heroicons/react/24/outline';
 import { SortableHandle, SortableElement } from 'react-sortable-hoc';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
+
 export interface IJsonFieldRecordProps {
   id: number;
   index: number;
@@ -30,20 +33,20 @@ export const JsonFieldRecord = SortableElement(
 
         <div>
           <button
-            title="Edit record"
+            title={l10n.t(LocalizationKey.commonEdit)}
             className="json_data__list__button json_data__list__button_edit"
             onClick={() => onEdit(id)}
           >
             <PencilIcon className="json_data__list__button_icon" />
-            <span className="sr-only">Edit</span>
+            <span className="sr-only">{l10n.t(LocalizationKey.commonEdit)}</span>
           </button>
           <button
-            title="Delete record"
+            title={l10n.t(LocalizationKey.commonDelete)}
             className="json_data__list__button json_data__list__button_delete"
             onClick={() => onDelete(id)}
           >
             <TrashIcon className="json_data__list__button_icon" />
-            <span className="sr-only">Delete</span>
+            <span className="sr-only">{l10n.t(LocalizationKey.commonDelete)}</span>
           </button>
         </div>
       </li>
diff --git a/src/panelWebView/components/JsonField/JsonFieldRecords.tsx b/src/panelWebView/components/JsonField/JsonFieldRecords.tsx
index fa91ca87..080141ac 100644
--- a/src/panelWebView/components/JsonField/JsonFieldRecords.tsx
+++ b/src/panelWebView/components/JsonField/JsonFieldRecords.tsx
@@ -3,6 +3,9 @@ import * as React from 'react';
 import { VsLabel } from '../VscodeComponents';
 import { JsonFieldRecord } from '.';
 import { SortableContainer, SortEnd } from 'react-sortable-hoc';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
+
 export interface IJsonFieldRecordsProps {
   records: any[];
   selectedIndex: number | null;
@@ -37,7 +40,7 @@ export const JsonFieldRecords = ({
             <span style={{ lineHeight: '16px' }}>Records</span>
           </div>
 
-          <button title="Add new record" className="json_data__list__button" onClick={onAdd}>
+          <button title={l10n.t(LocalizationKey.commonAdd)} className="json_data__list__button" onClick={onAdd}>
             <PlusIcon style={{ width: '16px', height: '16px' }} />
           </button>
         </div>