warning color

Author: LianaHus

libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx

@@ -30,13 +30,13 @@ 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>
+        </CustomTooltip>)
+        : (<CustomTooltip placement="bottom" tooltipId="overlay-tooltip-external" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="panel.maintainedExternally" />}>
+          <i aria-hidden="true" className="mt-1 px-1 text-warning far fa-exclamation-circle"></i>
+        </CustomTooltip>)
       }
     </div>
   )

libs/remix-ui/panel/src/lib/plugins/panel-header.tsx

@@ -35,13 +35,13 @@ 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>
+              </CustomTooltip>)
+              : (<CustomTooltip placement="right-end" tooltipId="maintainedExternally" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="panel.maintainedExternally" />}>
+                <i aria-hidden="true" className="mt-1 px-1 text-warning far fa-exclamation-circle"></i>
+              </CustomTooltip>)
             }
           </div>
           <div className="swapitHeaderInfoSection d-flex justify-content-between" data-id="swapitHeaderInfoSectionId" onClick={toggleClass}>

libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx

@@ -17,23 +17,24 @@ 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"
                   tooltipClasses="text-nowrap"
                   tooltipText={<FormattedMessage id="pluginManager.maintainedByRemix" />}
                 >
                   <i aria-hidden="true" className="px-1 text-success fas fa-check"></i>
-                </CustomTooltip>
-                : <CustomTooltip
+                </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>}
+                </CustomTooltip>)
+              }
               {profile.documentation && (
                 <CustomTooltip
                   placement="right"

libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx

@@ -34,23 +34,24 @@ 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"
                   tooltipClasses="text-nowrap"
                   tooltipText={<FormattedMessage id="pluginManager.maintainedByRemix" />}
                 >
                   <i aria-hidden="true" className="px-1 text-success fas fa-check"></i>
-                </CustomTooltip>
-                : <CustomTooltip
+                </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>}
+                  <i aria-hidden="true" className="px-1 text-warning far fa-exclamation-circle"></i>
+                </CustomTooltip>)
+              }
               {profile.documentation && (
                 <CustomTooltip
                   placement="right"