web/src/pages/chat/chat-configuration-modal/hooks.ts

import { useFetchLlmList } from '@/hooks/llmHooks';
import {
  useFetchTenantInfo,
  useSelectTenantInfo,
} from '@/hooks/userSettingHook';
import { useEffect } from 'react';

export const useFetchModelId = (visible: boolean) => {
  const fetchTenantInfo = useFetchTenantInfo(false);
  const tenantInfo = useSelectTenantInfo();

  useEffect(() => {
    if (visible) {
      fetchTenantInfo();
    }
  }, [visible, fetchTenantInfo]);

  return tenantInfo?.llm_id ?? '';
};

export const useFetchLlmModelOnVisible = (visible: boolean) => {
  const fetchLlmList = useFetchLlmList();

  useEffect(() => {
    if (visible) {
      fetchLlmList();
    }
  }, [fetchLlmList, visible]);
};