added external alert

Author: LianaHus

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"

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>
   )
 }

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">

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"

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"