Optimize code

src/pages/System/Settings/Base.tsx

@@ -1,10 +1,9 @@
-import React from 'react'
 import { useUpdatedEffect } from '@/util/hooks'
 import { hasPermission } from '@/util/auth'
 import { r_sys_settings_base_get, r_sys_settings_base_update } from '@/services/system'
 import { SettingsCard } from '@/pages/System/Settings'
 
-const Base: React.FC = () => {
+const Base = () => {
     const [baseForm] = AntdForm.useForm<BaseSettingsParam>()
     const baseFormValues = AntdForm.useWatch([], baseForm)
     const [loading, setLoading] = useState(false)

src/pages/System/Settings/Mail.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import Icon from '@ant-design/icons'
 import { useUpdatedEffect } from '@/util/hooks'
 import { hasPermission } from '@/util/auth'
@@ -9,7 +8,7 @@ import {
 } from '@/services/system'
 import { SettingsCard } from '@/pages/System/Settings'
 
-const Mail: React.FC = () => {
+const Mail = () => {
     const [modal, contextHolder] = AntdModal.useModal()
     const [mailForm] = AntdForm.useForm<MailSettingsParam>()
     const mailFormValues = AntdForm.useWatch([], mailForm)

src/pages/System/Settings/SensitiveWord.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { ChangeEvent } from 'react'
 import Icon from '@ant-design/icons'
 import { DATABASE_DUPLICATE_KEY, DATABASE_INSERT_SUCCESS } from '@/constants/common.constants'
 import { useUpdatedEffect } from '@/util/hooks'
@@ -10,7 +10,7 @@ import {
 } from '@/services/system'
 import { SettingsCard } from '@/pages/System/Settings'
 
-const SensitiveWord: React.FC = () => {
+const SensitiveWord = () => {
     const [dataSource, setDataSource] = useState<SensitiveWordVo[]>()
     const [targetKeys, setTargetKeys] = useState<string[]>([])
     const [selectedKeys, setSelectedKeys] = useState<string[]>([])
@@ -64,7 +64,7 @@ const SensitiveWord: React.FC = () => {
         })
     }
 
-    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {
         setNewWord(e.target.value)
     }
 

src/pages/System/Settings/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import { PropsWithChildren, ReactNode } from 'react'
 import Icon from '@ant-design/icons'
 import '@/assets/css/pages/system/settings.scss'
 import FitFullscreen from '@/components/common/FitFullscreen'
@@ -11,16 +11,16 @@ import Base from '@/pages/System/Settings/Base'
 import Mail from '@/pages/System/Settings/Mail'
 import SensitiveWord from '@/pages/System/Settings/SensitiveWord'
 
-interface SettingsCardProps extends React.PropsWithChildren {
+interface SettingsCardProps extends PropsWithChildren {
     icon: IconComponent
     title: string
     loading?: boolean
     modifyOperationCode?: string
-    expand?: React.ReactNode
+    expand?: ReactNode
     onReset?: () => void
     onSave?: () => void
 }
-export const SettingsCard: React.FC<SettingsCardProps> = (props) => {
+export const SettingsCard = (props: SettingsCardProps) => {
     return (
         <Card>
             <FlexBox className={'settings-card'}>
@@ -50,7 +50,7 @@ export const SettingsCard: React.FC<SettingsCardProps> = (props) => {
     )
 }
 
-const Settings: React.FC = () => {
+const Settings = () => {
     return (
         <>
             <FitFullscreen data-component={'system-settings'}>