From 18e57f45ce908f8eef66f4e881ef5533eb40ef62 Mon Sep 17 00:00:00 2001
From: krassowski <5832902+krassowski@users.noreply.github.com>
Date: Thu, 2 May 2024 17:43:19 +0100
Subject: [PATCH] Use mui tooltips

---
 .../src/components/chat-settings.tsx           | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/jupyter-ai/src/components/chat-settings.tsx b/packages/jupyter-ai/src/components/chat-settings.tsx
index ee530d190..87009ecf5 100644
--- a/packages/jupyter-ai/src/components/chat-settings.tsx
+++ b/packages/jupyter-ai/src/components/chat-settings.tsx
@@ -12,6 +12,7 @@ import {
   Radio,
   RadioGroup,
   TextField,
+  Tooltip,
   CircularProgress
 } from '@mui/material';
 import SettingsIcon from '@mui/icons-material/Settings';
@@ -530,23 +531,26 @@ function CompleterSettingsButton(props: {
 }): JSX.Element {
   if (props.selection && !props.isCompleterEnabled) {
     return (
-      <IconButton
+      <Tooltip
         title={
           'A completer model is selected, but ' +
           (props.provider === null
             ? 'the completion provider plugin is not available.'
             : 'the inline completion provider is not enabled in the settings: click to open settings.')
         }
-        onClick={props.openSettings}
       >
-        <WarningAmberIcon />
-      </IconButton>
+        <IconButton onClick={props.openSettings}>
+          <WarningAmberIcon />
+        </IconButton>
+      </Tooltip>
     );
   }
   return (
-    <IconButton onClick={props.openSettings} title="Completer settings">
-      <SettingsIcon />
-    </IconButton>
+    <Tooltip title="Completer settings">
+      <IconButton onClick={props.openSettings}>
+        <SettingsIcon />
+      </IconButton>
+    </Tooltip>
   );
 }