From c5d4d281eac5e99cbd9e95a5bd96b47946dfdc21 Mon Sep 17 00:00:00 2001
From: Agusti Fernandez Pardo <git@agusti.me>
Date: Thu, 18 Aug 2022 01:42:31 +0200
Subject: [PATCH] fix: add some fixes/extra featurs to button tooltip needed
 for console

---
 packages/ui/Button.tsx  |  6 +++++-
 packages/ui/Tooltip.tsx | 38 ++++++++++++++++++++------------------
 2 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/packages/ui/Button.tsx b/packages/ui/Button.tsx
index f10066429b..b42448583b 100644
--- a/packages/ui/Button.tsx
+++ b/packages/ui/Button.tsx
@@ -14,6 +14,7 @@ export type ButtonBaseProps = {
   StartIcon?: SVGComponent;
   startIconClassName?: string;
   EndIcon?: SVGComponent;
+  endIconClassName?: string;
   shallow?: boolean;
 };
 export type ButtonProps = ButtonBaseProps &
@@ -32,6 +33,7 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, ButtonPr
     size = "base",
     StartIcon,
     startIconClassName,
+    endIconClassName,
     EndIcon,
     shallow,
     // attributes propagated from `HTMLAnchorProps` or `HTMLButtonProps`
@@ -130,7 +132,9 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, ButtonPr
           </svg>
         </div>
       )}
-      {EndIcon && <EndIcon className="-mr-1 inline h-5 w-5 ltr:ml-2 rtl:mr-2" />}
+      {EndIcon && (
+        <EndIcon className={classNames("-mr-1 inline h-5 w-5 ltr:ml-2 rtl:mr-2", endIconClassName || "")} />
+      )}
     </>
   );
   return props.href ? (
diff --git a/packages/ui/Tooltip.tsx b/packages/ui/Tooltip.tsx
index 1ffa17c423..ed68b2bf0a 100644
--- a/packages/ui/Tooltip.tsx
+++ b/packages/ui/Tooltip.tsx
@@ -20,24 +20,26 @@ export function Tooltip({
   onOpenChange?: (open: boolean) => void;
 }) {
   return (
-    <TooltipPrimitive.Root
-      delayDuration={50}
-      open={open}
-      defaultOpen={defaultOpen}
-      onOpenChange={onOpenChange}>
-      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
-      <TooltipPrimitive.Content
-        className={classNames(
-          side === "top" && "-mt-2",
-          side === "right" && "ml-2",
-          "rounded-sm bg-black px-1 py-0.5 text-xs text-white shadow-lg"
-        )}
-        side={side}
-        align="center"
-        {...props}>
-        {content}
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Root>
+    <TooltipPrimitive.Provider>
+      <TooltipPrimitive.Root
+        delayDuration={50}
+        open={open}
+        defaultOpen={defaultOpen}
+        onOpenChange={onOpenChange}>
+        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
+        <TooltipPrimitive.Content
+          className={classNames(
+            side === "top" && "-mt-2",
+            side === "right" && "ml-2",
+            "rounded-sm bg-black px-1 py-0.5 text-xs text-white shadow-lg"
+          )}
+          side={side}
+          align="center"
+          {...props}>
+          {content}
+        </TooltipPrimitive.Content>
+      </TooltipPrimitive.Root>
+    </TooltipPrimitive.Provider>
   );
 }