From a0a4452bf007ba79ef74c58dcc356ee612068e8b Mon Sep 17 00:00:00 2001
From: "M. Mert Yildiran" <mehmet@up9.com>
Date: Mon, 29 Nov 2021 10:42:27 +0300
Subject: [PATCH] Make `useTooltip = true` by default in `Queryable`

---
 ui/src/components/UI/Queryable.tsx        | 4 ++--
 ui/src/components/UI/Summary.tsx          | 6 ++----
 ui/src/components/UI/style/Queryable.sass | 1 +
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/UI/Queryable.tsx b/ui/src/components/UI/Queryable.tsx
index 237408dcd..9ccc33ce7 100644
--- a/ui/src/components/UI/Queryable.tsx
+++ b/ui/src/components/UI/Queryable.tsx
@@ -13,7 +13,7 @@ interface Props {
     flipped?: boolean,
 }
 
-const Queryable: React.FC<Props> = ({query, updateQuery, style, className, useTooltip= false, displayIconOnMouseOver = false, flipped = false, children}) => {
+const Queryable: React.FC<Props> = ({query, updateQuery, style, className, useTooltip= true, displayIconOnMouseOver = false, flipped = false, children}) => {
     const [showAddedNotification, setAdded] = useState(false);
     const [showTooltip, setShowTooltip] = useState(false);
 
@@ -53,7 +53,7 @@ const Queryable: React.FC<Props> = ({query, updateQuery, style, className, useTo
             {flipped && addButton}
             {children}
             {!flipped && addButton}
-            {useTooltip && showTooltip && <span className={'Queryable-AddNotifier'}></span>}
+            {useTooltip && showTooltip && <span className={'Queryable-AddNotifier'}>{query}</span>}
         </div>
     );
 };
diff --git a/ui/src/components/UI/Summary.tsx b/ui/src/components/UI/Summary.tsx
index e56421738..4a28640b9 100644
--- a/ui/src/components/UI/Summary.tsx
+++ b/ui/src/components/UI/Summary.tsx
@@ -11,14 +11,12 @@ interface SummaryProps {
 
 export const Summary: React.FC<SummaryProps> = ({method, summary, updateQuery}) => {
 
-    const methodChild = <span
-        className={`queryable`}
-    >
+    const methodChild = <span>
         {method}
     </span>
 
     const summaryChild = <div
-        className={`queryable ${styles.summary}`}
+        className={`${styles.summary}`}
     >
         {summary}
     </div>
diff --git a/ui/src/components/UI/style/Queryable.sass b/ui/src/components/UI/style/Queryable.sass
index 603adc56b..0930148fb 100644
--- a/ui/src/components/UI/style/Queryable.sass
+++ b/ui/src/components/UI/style/Queryable.sass
@@ -34,4 +34,5 @@
         transform: translate(0, -80%)
         color: white
         z-index: 1000
+        font-size: 11px