fix: distributed servers info

src/pages/llmodels/components/table-list.tsx

@@ -1,6 +1,6 @@
 import { modelsExpandKeysAtom } from '@/atoms/models';
 import AutoTooltip from '@/components/auto-tooltip';
-import DeleteModal from '@/components/delete-modal';
+import useDeleteModel from '@/components/delete-modal';
 import DropDownActions from '@/components/drop-down-actions';
 import DropdownButtons from '@/components/drop-down-buttons';
 import { PageSize } from '@/components/logs-viewer/config';
@@ -146,6 +146,7 @@ const Models: React.FC<ModelsProps> = ({
   loadend,
   total
 }) => {
+  const { DeleteModal, show } = useDeleteModel();
   const { getGPUList, generateFormValues, gpuDeviceList } =
     useGenerateFormEditInitialValues();
   const { saveScrollHeight, restoreScrollHeight } = useBodyScroll();
@@ -327,7 +328,7 @@ const Models: React.FC<ModelsProps> = ({
   }, [onCancelViewLogs]);
 
   const handleDelete = async (row: any) => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       operation: 'common.delete.single.confirm',
       name: row.name,
@@ -342,7 +343,7 @@ const Models: React.FC<ModelsProps> = ({
   };
 
   const handleDeleteBatch = () => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       operation: 'common.delete.confirm',
       selection: true,
@@ -406,7 +407,7 @@ const Models: React.FC<ModelsProps> = ({
   );
   const handleDeleteInstace = useCallback(
     (row: any) => {
-      modalRef.current.show({
+      show({
         content: 'models.instances',
         okText: 'common.button.delrecreate',
         operation: 'common.delete.single.confirm',
@@ -487,7 +488,7 @@ const Models: React.FC<ModelsProps> = ({
         }
 
         if (val === 'stop') {
-          modalRef.current.show({
+          show({
             content: 'models.instances',
             title: 'common.title.stop.confirm',
             okText: 'common.button.stop',
@@ -562,7 +563,7 @@ const Models: React.FC<ModelsProps> = ({
   };
 
   const handleStartBatch = async () => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       title: 'common.title.start.confirm',
       okText: 'common.button.start',
@@ -575,7 +576,7 @@ const Models: React.FC<ModelsProps> = ({
   };
 
   const handleStopBatch = async () => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       title: 'common.title.stop.confirm',
       okText: 'common.button.stop',
@@ -884,7 +885,7 @@ const Models: React.FC<ModelsProps> = ({
         open={openLogModal}
         onCancel={handleLogModalCancel}
       ></ViewLogsModal>
-      <DeleteModal ref={modalRef}></DeleteModal>
+      <DeleteModal></DeleteModal>
       <APIAccessInfoModal
         open={apiAccessInfo.show}
         data={apiAccessInfo.data}