From ec632656a7de58cfb22c3444605799ef8c0ec920 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Wed, 31 Jan 2024 12:22:35 +0100
Subject: [PATCH] added external alert

---
 apps/remix-ide/src/app/tabs/locales/en/panel.json     |  1 +
 .../home-tab/src/lib/components/pluginButton.tsx      |  7 +++++--
 libs/remix-ui/panel/src/lib/plugins/panel-header.tsx  |  7 +++++--
 .../src/lib/components/ActivePluginCard.tsx           | 11 +++++++++--
 .../src/lib/components/InactivePluginCard.tsx         | 11 +++++++++--
 5 files changed, 29 insertions(+), 8 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 c9ad7d8d05..e41841eafe 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/en/panel.json
@@ -4,6 +4,7 @@
   "panel.documentation": "Documentation",
   "panel.description": "Description",
   "panel.maintainedByRemix": "Maintained by Remix",
+  "panel.maintainedExternally": "Be aware that the plugin is not maintained by Remix",
   "panel.pluginInfo": "Plugin info",
   "panel.linkToDoc": "Link to documentation",
   "panel.makeAnissue": "Make an issue"
diff --git a/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx b/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx
index a0d22eb061..e5a1ff3781 100644
--- a/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx
@@ -30,11 +30,14 @@ function PluginButton({imgPath, envID, envText, callback, l2, description, remix
         </div>
       </button>
       {l2 && <label className="bg-light mx-1 px-1 mb-0 mx-2 position-absolute remixui_home_l2Label">L2</label>}
-      {remixMaintained && (
+      {remixMaintained ?
         <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-by-remix" tooltipText={<FormattedMessage id="home.maintainedByRemix" />}>
           <i className="bg-light text-success mx-1 px-1 mb-0 mx-2 position-absolute remixui_home_maintainedLabel fas fa-check"></i>
         </CustomTooltip>
-      )}
+        : <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-external" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="panel.maintainedExternally" />}>
+          <i aria-hidden="true" className="text-success mt-1 px-1 fa-circle-exclamation"></i>
+        </CustomTooltip>
+      }
     </div>
   )
 }
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 4f9c358010..44e1228ec7 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
@@ -35,11 +35,14 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
         </h6>
         <div className="d-flex flex-row">
           <div className="d-flex flex-row">
-            {plugin?.profile?.maintainedBy?.toLowerCase() === 'remix' && (
+            {plugin?.profile?.maintainedBy?.toLowerCase() === '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>
-            )}
+              : <CustomTooltip placement="right-end" tooltipId="maintainedExternally" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="panel.maintainedExternally" />}>
+                <i aria-hidden="true" className="text-success mt-1 px-1 fa-circle-exclamation"></i>
+              </CustomTooltip>
+            }
           </div>
           <div className="swapitHeaderInfoSection d-flex justify-content-between" data-id="swapitHeaderInfoSectionId" onClick={toggleClass}>
             <CustomTooltip placement="right-end" tooltipText={<FormattedMessage id="panel.pluginInfo" />} tooltipId="pluginInfoTooltip" tooltipClasses="text-nowrap">
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx b/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx
index a8fb287d01..a7264a255d 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx
@@ -17,7 +17,7 @@ function ActivePluginCard({profile, buttonText, deactivatePlugin}: PluginCardPro
           <h6 className="remixui_displayName plugin-name">
             <div>
               {profile.displayName || profile.name}
-              {profile?.maintainedBy?.toLowerCase() == 'remix' && (
+              {profile?.maintainedBy?.toLowerCase() == 'remix' ?
                 <CustomTooltip
                   placement="right"
                   tooltipId="pluginManagerActiveTitleByRemix"
@@ -26,7 +26,14 @@ function ActivePluginCard({profile, buttonText, deactivatePlugin}: PluginCardPro
                 >
                   <i aria-hidden="true" className="px-1 text-success fas fa-check"></i>
                 </CustomTooltip>
-              )}
+                : <CustomTooltip
+                  placement="right"
+                  tooltipId="pluginManagerActiveTitleExternally"
+                  tooltipClasses="text-nowrap"
+                  tooltipText={<FormattedMessage id="pluginManager.maintainedExternally" />}
+                >
+                  <i aria-hidden="true" className="px-1 text-success fa-circle-exclamation"></i>
+                </CustomTooltip>}
               {profile.documentation && (
                 <CustomTooltip
                   placement="right"
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx b/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx
index 63434aed62..8999eaac3b 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx
@@ -34,7 +34,7 @@ function InactivePluginCard({profile, buttonText, activatePlugin}: PluginCardPro
           <h6 className="remixui_displayName plugin-name">
             <div>
               {profile.displayName || profile.name}
-              {profile?.maintainedBy?.toLowerCase() == 'remix' && (
+              {profile?.maintainedBy?.toLowerCase() == 'remix' ?
                 <CustomTooltip
                   placement="right"
                   tooltipId="pluginManagerInactiveTitleByRemix"
@@ -43,7 +43,14 @@ function InactivePluginCard({profile, buttonText, activatePlugin}: PluginCardPro
                 >
                   <i aria-hidden="true" className="px-1 text-success fas fa-check"></i>
                 </CustomTooltip>
-              )}
+                : <CustomTooltip
+                  placement="right"
+                  tooltipId="pluginManagerInactiveTitleExternally"
+                  tooltipClasses="text-nowrap"
+                  tooltipText={<FormattedMessage id="pluginManager.maintainedExternally" />}
+                >
+                  <i aria-hidden="true" className="px-1 text-success fas fa-check"></i>
+                </CustomTooltip>}
               {profile.documentation && (
                 <CustomTooltip
                   placement="right"