feat: add tooltip to vision model icons

mlc-ai · Sep 29, 2024 · e148fc5 · e148fc5
1 parent a2ff238
commit e148fc5
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -72,6 +72,7 @@ import {
   showConfirm,
   showPrompt,
   showToast,
+  Tooltip,
 } from "./ui-lib";
 import { useNavigate } from "react-router-dom";
 import {
@@ -549,7 +550,11 @@ export function ChatActions(props: {
             title: m.name,
             value: m.name,
             family: m.family,
-            icon: isVisionModel(m.name) ? <EyeIcon /> : undefined,
+            icon: isVisionModel(m.name) ? (
+              <Tooltip content={<div>Vision Model</div>} direction="bottom">
+                <EyeIcon />
+              </Tooltip>
+            ) : undefined,
           }))}
           onClose={() => setShowModelSelector(false)}
           onSelection={(s) => {