fix: fix lint error

.github/workflows/ci-check.yml

@@ -28,6 +28,8 @@ jobs:
       - name: Install deps
         run: yarn install --frozen-lockfile
         timeout-minutes: 15 
+      - name: Lint
+        run: cd packages/refine && yarn lint
       - name: Test
         run: cd packages/refine && yarn jest
       - name: Build

packages/refine/src/components/Form/useFieldsConfig.ts

@@ -1,5 +1,5 @@
-import { ResourceModel } from 'src/models';
 import { useList, useShow } from '@refinedev/core';
+import { ResourceModel } from 'src/models';
 import { ResourceConfig } from 'src/types';
 
 function useFieldsConfig<Model extends ResourceModel>(config?: ResourceConfig<Model>, resourceId?: string) {

packages/refine/src/components/Form/useYamlForm.ts

@@ -16,17 +16,17 @@ import { FormInstance, FormProps } from 'antd/lib/form';
 import yaml from 'js-yaml';
 import { JSONSchema7 } from 'json-schema';
 import { Unstructured } from 'k8s-api-provider';
+import { get, uniq } from 'lodash-es';
 import React, { useRef, useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { RefineFormValidator } from 'src/components/Form/type';
 import { type YamlEditorHandle, type YamlEditorProps } from 'src/components/YamlEditor';
 import useK8sYamlEditor from 'src/hooks/useK8sYamlEditor';
 import { useSchema } from 'src/hooks/useSchema';
 import { pruneBeforeEdit } from 'src/utils/k8s';
 import { generateYamlBySchema } from 'src/utils/yaml';
 import { useForm as useFormSF } from 'sunflower-antd';
 import { useGlobalStore } from '../../hooks/useGlobalStore';
-import { RefineFormValidator } from 'src/components/Form/type'
-import { get, uniq } from 'lodash-es';
 
 type EditorProps = YamlEditorProps & {
   ref: React.RefObject<YamlEditorHandle>;

packages/refine/src/components/InternalBaseTable/index.tsx

@@ -73,14 +73,6 @@ function Table<Data extends { id: string; }>(props: InternalTableProps<Data>) {
   const auxiliaryLineRef = useRef(null);
   const wrapperRef = useRef(null);
 
-  const pagination = useMemo(
-    () => ({
-      current: currentPage,
-      pageSize: defaultSize,
-      onChange: onPageChange,
-    }),
-    [currentPage, defaultSize, onPageChange]
-  );
   const finalColumns = useMemo(() => {
     if (RowMenu) {
       const actionColumn: Column<Data> = {

packages/refine/src/components/PVCDistributeStorage/index.tsx

@@ -1,6 +1,5 @@
 import { Fields, Form, Units } from '@cloudtower/eagle';
 import { useResource, useUpdate } from '@refinedev/core';
-import { isNil } from 'lodash-es';
 import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { EditField } from 'src/components/EditField';
@@ -101,8 +100,8 @@ export const DistributeStorageForm = React.forwardRef<DistributeStorageFormHandl
               distributeStorage: validators.distributeStorage(v)
             });
           },
-          onBlur: () => { },
-          onFocus: () => { },
+          onBlur: () => undefined,
+          onFocus: () => undefined,
         }}
         min={1}
         meta={{}}

packages/refine/src/components/PodLog/index.tsx

@@ -1,7 +1,7 @@
 import { SegmentControl, Select, AntdOption, Checkbox, Button } from '@cloudtower/eagle';
 import {
   SuspendedPause16GradientBlueIcon,
-  RecoverContinue16GradientBlueIcon
+  RecoverContinue16GradientBlueIcon,
 } from '@cloudtower/icons-react';
 import { css } from '@linaria/core';
 import { LogViewer } from '@patternfly/react-log-viewer';
@@ -48,7 +48,6 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
   const [currentItemCount, setCurrentItemCount] = useState(0);
   const [paused, setPaused] = useState(false);
   const [wrap, setWrap] = useState(false);
-  const [linesBehind, setLinesBehind] = useState(0);
   const logViewerRef = useRef<{ scrollToBottom: () => void }>(null);
   const abortControllerRef = useRef<AbortController | null>(null);
 
@@ -63,10 +62,6 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
       if (logViewerRef && logViewerRef.current) {
         logViewerRef.current.scrollToBottom();
       }
-    } else if (logs.length !== currentItemCount) {
-      setLinesBehind(logs.length - currentItemCount);
-    } else {
-      setLinesBehind(0);
     }
   }, [paused, logs, currentItemCount]);
 
@@ -92,11 +87,11 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
     }
   };
 
-  const fetchLogsByUrl = useCallback(async (url) => {
+  const fetchLogsByUrl = useCallback(async url => {
     abortControllerRef.current = new AbortController();
     const { signal } = abortControllerRef.current;
 
-    fetch(url, { signal }).then(async (response) => {
+    fetch(url, { signal }).then(async response => {
       if (response.status !== 200) {
         setLogs([]);
         return;
@@ -158,7 +153,14 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
     } else if (logType === 'previous') {
       fetchLogsByUrl(`${url}&previous=true`);
     }
-  }, [pod.metadata?.namespace, pod.metadata?.name, selectedContainer, logType, apiUrl, fetchLogsByUrl]);
+  }, [
+    pod.metadata?.namespace,
+    pod.metadata?.name,
+    selectedContainer,
+    logType,
+    apiUrl,
+    fetchLogsByUrl,
+  ]);
 
   const stopFetchingLogs = useCallback(() => {
     if (abortControllerRef.current) {
@@ -182,15 +184,15 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
             options={[
               {
                 label: t('dovetail.realtime_log'),
-                value: 'realtime'
+                value: 'realtime',
               },
               {
                 label: t('dovetail.previous_log'),
-                value: 'previous'
+                value: 'previous',
               },
             ]}
             value={logType}
-            onChange={(value) => {
+            onChange={value => {
               setLogType(value as 'realtime' | 'previous');
               setLogs([]);
             }}
@@ -202,7 +204,6 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
                 setSelectedContainer(newValue as string);
                 setLogs([]);
                 setPaused(false);
-                setLinesBehind(0);
               },
               value: selectedContainer,
             }}
@@ -225,34 +226,36 @@ export const PodLog: React.FC<{ pod: PodModel }> = ({ pod }) => {
 
           <Button
             onClick={() => setPaused(prev => !prev)}
-            prefixIcon={paused ? <RecoverContinue16GradientBlueIcon /> : <SuspendedPause16GradientBlueIcon />}
+            prefixIcon={
+              paused ? (
+                <RecoverContinue16GradientBlueIcon />
+              ) : (
+                <SuspendedPause16GradientBlueIcon />
+              )
+            }
             size="middle"
           >
             {paused ? t('dovetail.resume') : t('dovetail.suspend')}
           </Button>
         </span>
-
       </div>
       <div className={ContentStyle}>
-        {
-          logType === 'previous' && !logs.length ? (
-            <ErrorContent
-              style={{ height: '100%' }}
-              errorText={t('dovetail.no_resource', { kind: t('dovetail.previous_log') })}
-            />
-          ) : (
-            <LogViewer
-              innerRef={logViewerRef}
-              height="100%"
-              hasLineNumbers={true}
-              data={logs}
-              theme="light"
-              isTextWrapped={wrap}
-              onScroll={onScroll}
-            />
-          )
-        }
-
+        {logType === 'previous' && !logs.length ? (
+          <ErrorContent
+            style={{ height: '100%' }}
+            errorText={t('dovetail.no_resource', { kind: t('dovetail.previous_log') })}
+          />
+        ) : (
+          <LogViewer
+            innerRef={logViewerRef}
+            height="100%"
+            hasLineNumbers={true}
+            data={logs}
+            theme="light"
+            isTextWrapped={wrap}
+            onScroll={onScroll}
+          />
+        )}
       </div>
     </div>
   );

packages/refine/src/pages/daemonsets/list/index.tsx

@@ -1,8 +1,8 @@
 import { IResourceComponentsProps } from '@refinedev/core';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { ListPage } from 'src/components/ListPage';
 import { WorkloadDropdown } from 'src/components/Dropdowns/WorkloadDropdown';
+import { ListPage } from 'src/components/ListPage';
 import { useEagleTable } from 'src/hooks/useEagleTable';
 import {
   AgeColumnRenderer,

packages/refine/src/pages/deployments/list/index.tsx

@@ -1,8 +1,8 @@
 import { IResourceComponentsProps } from '@refinedev/core';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { ListPage } from 'src/components/ListPage';
 import { ReplicasDropdown } from 'src/components/Dropdowns/ReplicasDropdown';
+import { ListPage } from 'src/components/ListPage';
 import { useEagleTable } from 'src/hooks/useEagleTable';
 import {
   AgeColumnRenderer,

packages/refine/src/pages/deployments/show/index.tsx

@@ -1,6 +1,7 @@
 import { IResourceComponentsProps } from '@refinedev/core';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import { WorkloadDropdown } from '../../../components/Dropdowns/WorkloadDropdown';
 import { PageShow } from '../../../components/PageShow';
 import {
   ImageField,
@@ -10,7 +11,6 @@ import {
   ConditionsGroup,
   EventsTab
 } from '../../../components/ShowContent';
-import { WorkloadDropdown } from '../../../components/Dropdowns/WorkloadDropdown';
 import { WorkloadModel } from '../../../models';
 
 export const DeploymentShow: React.FC<IResourceComponentsProps> = () => {

packages/refine/src/types/modal.d.ts

@@ -11,8 +11,6 @@ type ModalProps = {
 };
 
 declare module '@cloudtower/eagle' {
-  interface IModalProps extends ModalProps { }
-
   export declare function pushModal<K extends keyof ModalProps>(
     modal: ModalType<ModalProps[K]>
   ): void;

packages/refine/src/types/resource.ts

@@ -1,8 +1,8 @@
 import { UseFormProps } from '@refinedev/react-hook-form';
 import { YamlFormProps } from '../components';
 import { RefineFormField } from '../components/Form';
-import { ShowConfig } from '../components/ShowContent';
 import { Column, InternalTableProps } from '../components/InternalBaseTable';
+import { ShowConfig } from '../components/ShowContent';
 import { ResourceModel } from '../models';
 
 export enum RESOURCE_GROUP {