feat(FOROME-703): add icon for showing tooltips

ForomePlatform · Apr 7, 2022 · cfa667a · cfa667a
1 parent 29da169
commit cfa667a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/src/components/variant/ui/body.tsx b/src/components/variant/ui/body.tsx
@@ -99,15 +99,18 @@ const TableView = ({
                   key={row.name}
                   className="border-b last:border-0 border-blue-lighter"
                 >
-                  <Tooltip
-                    overlay={row.tooltip}
-                    placement="bottomLeft"
-                    trigger={row.tooltip ? ['click'] : []}
-                  >
-                    <td className="py-3 pr-3 text-blue-bright whitespace-nowrap">
-                      {row.title}
-                    </td>
-                  </Tooltip>
+                  <td className="py-3 pr-3 flex text-blue-bright whitespace-nowrap">
+                    {row.title}
+                    {row.tooltip && (
+                      <Tooltip
+                        overlay={row.tooltip}
+                        placement="bottom"
+                        trigger={['click']}
+                      >
+                        <Icon name="Info" className="ml-2 text-white" />
+                      </Tooltip>
+                    )}
+                  </td>
 
                   {row.cells
                     .filter(cell => cell[1]?.includes(filterSelection))

diff --git a/src/pages/filter/ui/filter-refiner-group-item.tsx b/src/pages/filter/ui/filter-refiner-group-item.tsx
@@ -51,7 +51,7 @@ export const FilterRefinerGroupItem = observer(
             key={group}
             overlay={tooltip}
             placement="left"
-            trigger={tooltip ? ['click'] : []}
+            trigger={['click']}
           >
             <Icon name="Info" className="ml-1 text-grey-blue cursor-pointer" />
           </Tooltip>