From 894ec09081d08854b354b27993acfa25fdabcb16 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Fri, 21 Oct 2022 09:24:37 +0100
Subject: [PATCH] fix faulty tooltip button association add tooltip to plugin
 manager header

---
 .../src/lib/button-navigator/button-navigator.tsx   |  4 ++--
 .../remix-ui/panel/src/lib/plugins/panel-header.tsx | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
index 38637a9d14..f1c0826eb2 100644
--- a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
@@ -91,7 +91,7 @@ export const ButtonNavigation = ({ stepOverBack, stepIntoBack, stepIntoForward,
           placement="top-start"
           overlay={
             <Tooltip className="text-nowrap" id="intoforwardTooltip">
-              <span>Step over forward</span>
+              <span>Step into</span>
             </Tooltip>
           }
         >
@@ -107,7 +107,7 @@ export const ButtonNavigation = ({ stepOverBack, stepIntoBack, stepIntoForward,
           placement="top-end"
           overlay={
             <Tooltip className="text-nowrap" id="overforwardTooltip">
-              <span>Step into</span>
+              <span>Step over forward</span>
             </Tooltip>
           }
         >
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 ba729b5c0a..9033cd8710 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
@@ -31,7 +31,18 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
         <h6 className="mb-3" data-id='sidePanelSwapitTitle'>{plugin?.profile.displayName || plugin?.profile.name}</h6>
         <div className="d-flex flex-row">
           <div className="d-flex flex-row">
-            {plugin?.profile?.maintainedBy?.toLowerCase() === "remix" && (<i aria-hidden="true" className="text-success mt-1 px-1 fas fa-check" title="Maintained by Remix"></i>)}
+            {plugin?.profile?.maintainedBy?.toLowerCase() === "remix" && (
+              <OverlayTrigger
+                placement="right"
+                overlay={
+                  <Tooltip id="maintainedByTooltip" className="text-nowrap">
+                    <span>{"Maintained by Remix"}</span>
+                  </Tooltip>
+                }
+              >
+                <i aria-hidden="true" className="text-success mt-1 px-1 fas fa-check"></i>
+              </OverlayTrigger>
+            )}
           </div>
           <OverlayTrigger overlay={
             <Tooltip className="text-nowrap" id="pluginInfoTooltip">