Rename FitFullScreen to FitFullscreen

src/components/common/FitFullscreen.tsx

@@ -7,7 +7,7 @@ interface FitFullscreenProps
     backgroundColor?: string
 }
 
-const FitFullScreen = forwardRef<HTMLDivElement, FitFullscreenProps>((props, ref) => {
+const FitFullscreen = forwardRef<HTMLDivElement, FitFullscreenProps>((props, ref) => {
     const { zIndex, backgroundColor, className, style, ..._props } = props
     return (
         <div
@@ -23,4 +23,4 @@ const FitFullScreen = forwardRef<HTMLDivElement, FitFullscreenProps>((props, ref
     )
 })
 
-export default FitFullScreen
+export default FitFullscreen

src/components/common/FullscreenLoadingMask.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Icon from '@ant-design/icons'
 import '@/assets/css/components/common/fullscreen-loading-mask.scss'
 import { COLOR_FONT_MAIN } from '@/constants/common.constants'
-import FitFullScreen from '@/components/common/FitFullScreen'
+import FitFullscreen from '@/components/common/FitFullscreen'
 
 const FullscreenLoadingMask: React.FC = () => {
     const loadingIcon = (
@@ -16,11 +16,11 @@ const FullscreenLoadingMask: React.FC = () => {
     )
     return (
         <>
-            <FitFullScreen>
+            <FitFullscreen>
                 <div className={'fullscreen-loading-mask'}>
                     <AntdSpin indicator={loadingIcon} />
                 </div>
-            </FitFullScreen>
+            </FitFullscreen>
         </>
     )
 }

src/components/home/Footer.tsx

@@ -2,12 +2,12 @@ import React from 'react'
 import Icon from '@ant-design/icons'
 import '@/assets/css/components/home/footer.scss'
 import FitCenter from '@/components/common/FitCenter'
-import FitFullScreen from '@/components/common/FitFullScreen'
+import FitFullscreen from '@/components/common/FitFullscreen'
 
 const Footer: React.FC = () => {
     return (
         <>
-            <FitFullScreen backgroundColor={'#333'}>
+            <FitFullscreen backgroundColor={'#333'}>
                 <FitCenter vertical={true} style={{ gap: 20 }}>
                     <div className={'icons'}>
                         <NavLink to={'https://github.com/FatttSnake'}>
@@ -21,7 +21,7 @@ const Footer: React.FC = () => {
                         <NavLink to={'mailto:fatttsnake@fatweb.top'}>Mail</NavLink>
                     </div>
                 </FitCenter>
-            </FitFullScreen>
+            </FitFullscreen>
         </>
     )
 }