style: keep the logs pagination visible

src/pages/api-keys/index.tsx

@@ -1,4 +1,5 @@
 import AutoTooltip from '@/components/auto-tooltip';
+import DeleteModal from '@/components/delete-modal';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
 import HotKeys from '@/config/hotkeys';
@@ -31,7 +32,7 @@ const APIKeys: React.FC = () => {
     rowSelection,
     queryParams,
     sortOrder,
-    DeleteModal,
+    modalRef,
     handleDelete,
     handleDeleteBatch,
     fetchData,
@@ -260,7 +261,7 @@ const APIKeys: React.FC = () => {
         onCancel={handleModalCancel}
         onOk={handleModalOk}
       ></AddAPIKeyModal>
-      <DeleteModal></DeleteModal>
+      <DeleteModal ref={modalRef}></DeleteModal>
     </>
   );
 };

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

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

src/pages/resources/components/model-files.tsx

@@ -1,5 +1,6 @@
 import { modelsExpandKeysAtom } from '@/atoms/models';
 import AutoTooltip from '@/components/auto-tooltip';
+import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import { TooltipOverlayScroller } from '@/components/overlay-scroller';
 import { FilterBar } from '@/components/page-tools';
@@ -293,7 +294,7 @@ const ModelFiles = () => {
     dataSource,
     rowSelection,
     queryParams,
-    DeleteModal,
+    modalRef,
     fetchData,
     handleDelete,
     handleDeleteBatch,
@@ -682,7 +683,7 @@ const ModelFiles = () => {
           }}
         ></Table>
       </ConfigProvider>
-      <DeleteModal></DeleteModal>
+      <DeleteModal ref={modalRef}></DeleteModal>
       <DownloadModal
         onCancel={handleDownloadCancel}
         onOk={handleDownload}

src/pages/resources/components/workers.tsx

@@ -1,4 +1,5 @@
 import AutoTooltip from '@/components/auto-tooltip';
+import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import { FilterBar } from '@/components/page-tools';
 import ProgressBar from '@/components/progress-bar';
@@ -93,7 +94,7 @@ const Workers: React.FC = () => {
     dataSource,
     rowSelection,
     queryParams,
-    DeleteModal,
+    modalRef,
     handleDelete,
     handleDeleteBatch,
     fetchData,
@@ -446,7 +447,7 @@ const Workers: React.FC = () => {
           />
         </Table>
       </ConfigProvider>
-      <DeleteModal></DeleteModal>
+      <DeleteModal ref={modalRef}></DeleteModal>
       <AddWorker open={open} onCancel={() => setOpen(false)}></AddWorker>
       <UpdateLabels
         open={updateLabelsData.open}

src/pages/users/index.tsx

@@ -1,4 +1,5 @@
 import AutoTooltip from '@/components/auto-tooltip';
+import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
@@ -54,7 +55,7 @@ const Users: React.FC = () => {
     rowSelection,
     queryParams,
     sortOrder,
-    DeleteModal,
+    modalRef,
     handleDelete,
     handleDeleteBatch,
     fetchData,
@@ -320,7 +321,7 @@ const Users: React.FC = () => {
         onCancel={handleModalCancel}
         onOk={handleModalOk}
       ></AddModal>
-      <DeleteModal></DeleteModal>
+      <DeleteModal ref={modalRef}></DeleteModal>
     </>
   );
 };