feat: generate select options for SystemModelSettingModal grouped by type and add llm icon and add upgrade button to UserSettingTeam and replace the icon in the sidebar of the user settings page (#128)

* feat: generate select options for SystemModelSettingModal grouped by type

* feat: add llm icon

* feat: add upgrade button to UserSettingTeam

* feat: replace the icon in the sidebar of the user settings page

web/src/pages/user-setting/setting-model/hooks.ts

@@ -5,13 +5,14 @@ import {
   useFetchLlmList,
   useSaveApiKey,
   useSaveTenantInfo,
+  useSelectLlmOptionsByModelType,
 } from '@/hooks/llmHooks';
 import { useOneNamespaceEffectsLoading } from '@/hooks/storeHooks';
 import {
   useFetchTenantInfo,
   useSelectTenantInfo,
 } from '@/hooks/userSettingHook';
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 type SavingParamsState = Omit<IApiKeySavingParams, 'api_key'>;
 
@@ -97,10 +98,18 @@ export const useSubmitSystemModelSetting = () => {
   };
 };
 
-export const useFetchSystemModelSettingOnMount = () => {
+export const useFetchSystemModelSettingOnMount = (visible: boolean) => {
   const systemSetting = useSelectTenantInfo();
-  useFetchLlmList();
-  useFetchTenantInfo();
+  const allOptions = useSelectLlmOptionsByModelType();
+  const fetchLlmList = useFetchLlmList();
+  const fetchTenantInfo = useFetchTenantInfo();
 
-  return systemSetting;
+  useEffect(() => {
+    if (visible) {
+      fetchLlmList();
+      fetchTenantInfo();
+    }
+  }, [fetchLlmList, fetchTenantInfo, visible]);
+
+  return { systemSetting, allOptions };
 };