chore: adjust ts template

src/components/AlertBar/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import { buildLog } from '@/utils'
 
@@ -17,7 +17,7 @@ type TProps = {
   children: React.ReactNode
 }
 
-const AlertBar: React.FC<TProps> = ({ children }) => {
+const AlertBar: FC<TProps> = ({ children }) => {
   return <Wrapper testid="alertBar">{children}</Wrapper>
 }
 

src/components/AvatarsRow/MoreItem.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import { prettyNum } from '@/utils'
 import { Br } from '@/components/Common'
@@ -21,7 +21,7 @@ type TProps = Pick<
   'size' | 'total' | 'showTotalNumber' | 'onTotalSelect'
 >
 
-const MoreItem: React.FC<TProps> = ({
+const MoreItem: FC<TProps> = ({
   size,
   total,
   onTotalSelect,

src/components/AvatarsRow/RealAvatar.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TUser } from '@/spec'
 import Tooltip from '@/components/Tooltip'
@@ -20,7 +20,7 @@ type TProps = {
   onUserSelect: (user: TUser) => void
 }
 
-const RealAvatar: React.FC<TProps> = ({ user, size, onUserSelect }) => {
+const RealAvatar: FC<TProps> = ({ user, size, onUserSelect }) => {
   return (
     <Tooltip
       content={<UserPopContent>{user.nickname}</UserPopContent>}

src/components/AvatarsRow/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 import { compose, not, isNil, filter, reverse as reverseFn, slice } from 'ramda'
 import { trackWindowScroll } from 'react-lazy-load-image-component'
 
@@ -52,7 +52,7 @@ export type TProps = {
   onTotalSelect: () => void
 }
 
-const AvatarsRow: React.FC<TProps> = ({
+const AvatarsRow: FC<TProps> = ({
   size = SIZE.SMALL,
   total,
   users = [],

src/components/Buttons/ArrowButton.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React, { useRef, useState, useEffect } from 'react'
+import React, { FC, useRef, useState, useEffect } from 'react'
 
 import type { TSIZE } from '@/spec'
 import { ICON } from '@/config'
@@ -26,7 +26,7 @@ type TProps = {
   arrowStyle?: 'default' | 'simple'
 }
 
-const ArrowButton: React.FC<TProps> = ({
+const ArrowButton: FC<TProps> = ({
   children = '下一步',
   onClick = log,
   size = SIZE.SMALL,

src/components/Buttons/ArrowLink.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TSIZE } from '@/spec'
 import { ICON_CMD } from '@/config'
@@ -26,7 +26,7 @@ type TProps = {
   hoverColor?: string
 }
 
-const ArrowLink: React.FC<TProps> = ({
+const ArrowLink: FC<TProps> = ({
   className = '',
   children = '下一步',
   size = SIZE.SMALL,

src/components/Buttons/Button.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { FC, useEffect, useState } from 'react'
 
 import type { TSIZE_TSM } from '@/spec'
 import { SIZE } from '@/constant'
@@ -33,7 +33,7 @@ type TProps = {
   disabled?: boolean
 }
 
-const Button: React.FC<TProps> = ({
+const Button: FC<TProps> = ({
   children = 'button',
   ghost = false,
   type = 'primary',

src/components/Buttons/OrButton/HorizontalButton.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TProps as TButtonProps } from './index'
 import { SIZE } from '@/constant'
@@ -12,7 +12,7 @@ import {
 
 type TProps = Omit<TButtonProps, 'direction'>
 
-const HorizontalButton: React.FC<TProps> = ({
+const HorizontalButton: FC<TProps> = ({
   onClick,
   size = SIZE.SMALL,
   activeKey,

src/components/Buttons/OrButton/VerticalButton.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TProps as TButtonProps } from './index'
 import { SIZE } from '@/constant'
@@ -12,7 +12,7 @@ import {
 
 type TProps = Omit<TButtonProps, 'direction'>
 
-const VerticalButton: React.FC<TProps> = ({
+const VerticalButton: FC<TProps> = ({
   onClick,
   size = SIZE.SMALL,
   activeKey,

src/components/Buttons/OrButton/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TSIZE_SM } from '@/spec'
 
@@ -16,7 +16,7 @@ export type TProps = {
   }[]
 }
 
-const OrButton: React.FC<TProps> = ({ direction = 'row', ...restProps }) => {
+const OrButton: FC<TProps> = ({ direction = 'row', ...restProps }) => {
   return direction === 'row' ? (
     <HorizontalButton {...restProps} />
   ) : (

src/components/Buttons/YesOrNoButtons.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import { Space } from '@/components/Common'
 import Button from './Button'
@@ -13,7 +13,7 @@ type TProps = {
   onConfirm?: () => void
 }
 
-const YesOrNoButton: React.FC<TProps> = ({
+const YesOrNoButton: FC<TProps> = ({
   align = 'center',
   cancelText = '取消',
   confirmText = '确定',

src/components/Cards/CommunityCard.tsx

@@ -2,7 +2,7 @@
  * cards for job MasonryCards view
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TCommunity } from '@/spec'
 import { cutRest } from '@/utils'
@@ -21,7 +21,7 @@ type TProps = {
   item: TCommunity
 }
 
-const CommunityCard: React.FC<TProps> = ({
+const CommunityCard: FC<TProps> = ({
   item: { id, logo, title, raw, desc, subscribersCount },
 }) => {
   return (

src/components/Cards/JobCard.tsx

@@ -2,7 +2,7 @@
  * cards for job MasonryCards view
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 import TimeAgo from 'timeago-react'
 
 import { ICON } from '@/config'
@@ -54,7 +54,7 @@ type TProps = {
   }
 }
 
-const JobCard: React.FC<TProps> = ({
+const JobCard: FC<TProps> = ({
   item: { title, body, author, insertedAt, commentsCount, images },
 }) => {
   const fakeCommunity = {

src/components/Cards/WorksCard.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import { ICON, ICON_CMD } from '@/config'
 import { buildLog, cutRest } from '@/utils'
@@ -58,7 +58,7 @@ type TProps = {
   }
 }
 
-const WorksCard: React.FC<TProps> = ({
+const WorksCard: FC<TProps> = ({
   testid = 'works-card',
   item,
   withBg = false,

src/components/Checker/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TSIZE_SM } from '@/spec'
 import { ICON } from '@/config'
@@ -24,7 +24,7 @@ type TProps = {
   onChange?: (checked: boolean) => void
 }
 
-const Checker: React.FC<TProps> = ({
+const Checker: FC<TProps> = ({
   checked = false,
   onChange = log,
   hiddenMode = false,

src/components/CommunityFaceLogo/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 import { isEmpty } from 'ramda'
 
 import { HCN } from '@/constant'
@@ -24,7 +24,7 @@ type TProps = {
   className?: string
 }
 
-const CommunityFaceLogo: React.FC<TProps> = ({
+const CommunityFaceLogo: FC<TProps> = ({
   noFill = false,
   src = '',
   raw = HCN,

src/components/CustomScroller/HorizontalScroller.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React, { useState, useRef, useCallback } from 'react'
+import React, { FC, useState, useRef, useCallback } from 'react'
 import { useTheme } from 'styled-components'
 import { Waypoint } from 'react-waypoint'
 import type { TThemeMap } from '@/spec'
@@ -38,7 +38,7 @@ type TProps = Omit<
 >
 
 // horizontal version
-const HorizontalScroller: React.FC<TProps> = ({
+const HorizontalScroller: FC<TProps> = ({
   height = '100%',
   width = '100%',
   innerHeight = '100%',

src/components/CustomScroller/VerticalScroller.tsx

@@ -4,11 +4,10 @@
  *
  */
 
-import React, { useState, useRef, useCallback } from 'react'
+import React, { FC, useState, useRef, useCallback } from 'react'
 import { useTheme } from 'styled-components'
 import { Waypoint } from 'react-waypoint'
-import type { TSIZE_SML, TThemeMap } from '@/spec'
-import type { TScrollDirection } from './spec'
+import type { TThemeMap } from '@/spec'
 
 import { buildLog, debounce } from '@/utils'
 import { SIZE } from '@/constant'
@@ -30,7 +29,7 @@ const log = buildLog('c:CustomScroller:index')
 type TProps = Omit<TScrollProps, 'direction' | 'innerHeight'>
 
 // vertical version
-const VerticalScroller: React.FC<TProps> = ({
+const VerticalScroller: FC<TProps> = ({
   height = '100%',
   width = '100%',
   showShadow = true,

src/components/CustomScroller/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TSIZE_SML } from '@/spec'
 import type { TDirection, TScrollDirection } from './spec'
@@ -28,7 +28,7 @@ export type TProps = {
   onScrollDirectionChange?: (dir: TScrollDirection) => void
 }
 
-const CustomScroller: React.FC<TProps> = ({
+const CustomScroller: FC<TProps> = ({
   children,
   direction = 'vertical',
   ...restProps

src/components/DigestSentence/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import { ICON } from '@/config'
 import { buildLog } from '@/utils'
@@ -34,7 +34,7 @@ type TProps = {
   right?: number
 }
 
-const DigestSentence: React.FC<TProps> = ({
+const DigestSentence: FC<TProps> = ({
   testid = 'digest-sentence',
   children = '可能是最性感的开发者社区，来为你心爱的作品建立...',
   onPreview = log,

src/components/DotDivider/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import { buildLog } from '@/utils'
 import { Wrapper } from './styles'
@@ -17,7 +17,7 @@ export type TProps = {
   radius?: number
   space?: number
 }
-const DotDivider: React.FC<TProps> = ({
+const DotDivider: FC<TProps> = ({
   radius = 3,
   space = 3,
   className = 'dot-divider-class',

src/components/ErrorPage/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 import { useRouter } from 'next/router'
 import Link from 'next/link'
 
@@ -40,7 +40,7 @@ export type TProps = {
   metric?: string
 }
 
-const ErrorPage: React.FC<TProps> = ({
+const ErrorPage: FC<TProps> = ({
   testid = 'error-page',
   errorCode,
   metric = METRIC.COMMUNITY,

src/components/FiltersMenu/Header.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import { ICON } from '@/config'
 import Tooltip from '@/components/Tooltip'
@@ -18,7 +18,7 @@ type TProps = {
   onReset: () => void
 }
 
-const Header: React.FC<TProps> = ({ title, showReset, onReset }) => {
+const Header: FC<TProps> = ({ title, showReset, onReset }) => {
   return (
     <Wrapper>
       <Title active={showReset}>{title}</Title>