wip feat: add tooltips for sync button

Author: Louis-7

src/components/ModelTable.tsx

@@ -8,6 +8,7 @@ import {
   ModalBody,
   ModalFooter,
   useDisclosure,
+  Tooltip,
 } from '@heroui/react';
 import { Table, TableHeader, TableBody, TableColumn, TableRow, TableCell } from '@heroui/table';
 import { semanticColors } from '@heroui/theme';
@@ -237,9 +238,11 @@ function ModelTable({ providerConfig, onModelsChange, showSyncedButton = false }
             {t('settings.providers.newModel')}
           </Button>
           {showSyncedButton && (
-            <Button isIconOnly isLoading={discovering} isDisabled={discovering} onPress={handleDiscover}>
-              <Icon icon="cloud" />
-            </Button>
+            <Tooltip content={t('settings.providers.syncModels')} delay={500}>
+              <Button isIconOnly isLoading={discovering} isDisabled={discovering} onPress={handleDiscover}>
+                <Icon icon="cloud" />
+              </Button>
+            </Tooltip>
           )}
         </div>
       </div>

src/i18n/locales/en.json

@@ -40,6 +40,7 @@
       "editModel": "Edit model",
       "deleteModel": "Delete model",
       "deleteModelConfirm": "Are you sure you want to delete <b>{{modelName}}</b>?",
+      "syncModels": "Sync models",
       "name": "Name",
       "actions": "Actions"
     },