From 2f94cb50d21f08362e591c1a313c0d72cd19224d Mon Sep 17 00:00:00 2001
From: drafish <xwlyy1991@163.com>
Date: Thu, 10 Aug 2023 16:34:45 +0800
Subject: [PATCH] patch en locale messages for panel-header

---
 apps/remix-ide/src/app/tabs/locales/en/panel.json    | 6 +++++-
 libs/remix-ui/panel/src/lib/plugins/panel-header.tsx | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/locales/en/panel.json b/apps/remix-ide/src/app/tabs/locales/en/panel.json
index 070dbbd57f..c9ad7d8d05 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/en/panel.json
@@ -2,5 +2,9 @@
   "panel.author": "Author",
   "panel.maintainedBy": "Maintained By",
   "panel.documentation": "Documentation",
-  "panel.description": "Description"
+  "panel.description": "Description",
+  "panel.maintainedByRemix": "Maintained by Remix",
+  "panel.pluginInfo": "Plugin info",
+  "panel.linkToDoc": "Link to documentation",
+  "panel.makeAnissue": "Make an issue"
 }
diff --git a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
index 71c80273af..4f9c358010 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
@@ -36,13 +36,13 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
         <div className="d-flex flex-row">
           <div className="d-flex flex-row">
             {plugin?.profile?.maintainedBy?.toLowerCase() === 'remix' && (
-              <CustomTooltip placement="right-end" tooltipId="maintainedByTooltip" tooltipClasses="text-nowrap" tooltipText="Maintained by Remix">
+              <CustomTooltip placement="right-end" tooltipId="maintainedByTooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="panel.maintainedByRemix" />}>
                 <i aria-hidden="true" className="text-success mt-1 px-1 fas fa-check"></i>
               </CustomTooltip>
             )}
           </div>
           <div className="swapitHeaderInfoSection d-flex justify-content-between" data-id="swapitHeaderInfoSectionId" onClick={toggleClass}>
-            <CustomTooltip placement="right-end" tooltipText="Plugin info" tooltipId="pluginInfoTooltip" tooltipClasses="text-nowrap">
+            <CustomTooltip placement="right-end" tooltipText={<FormattedMessage id="panel.pluginInfo" />} tooltipId="pluginInfoTooltip" tooltipClasses="text-nowrap">
               {tooltipChild}
             </CustomTooltip>
           </div>
@@ -71,7 +71,7 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
               <FormattedMessage id="panel.documentation" />:
             </label>
             <span>
-              <CustomTooltip placement="right-end" tooltipId="linkToDocsTooltip" tooltipClasses=" text-nowrap " tooltipText="Link to documentation">
+              <CustomTooltip placement="right-end" tooltipId="linkToDocsTooltip" tooltipClasses=" text-nowrap " tooltipText={<FormattedMessage id="panel.linkToDoc" />}>
                 <a href={plugin?.profile?.documentation} className="titleInfo p-0 mb-2" target="_blank" rel="noreferrer">
                   <i aria-hidden="true" className="fas fa-book"></i>
                 </a>
@@ -90,7 +90,7 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
         {plugin?.profile?.repo && (
           <span className="d-flex flex-row align-items-center">
             <a href={plugin?.profile?.repo} target="_blank" rel="noreferrer">
-              Make an issue
+              <FormattedMessage id="panel.makeAnissue" />
             </a>
           </span>
         )}