ant-design/ant-design

Function useStyle has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const useStyle = () => {
  const { direction } = React.useContext(ConfigProvider.ConfigContext);
  const isRTL = direction === 'rtl';
  return createStyles(({ token, css, cx }) => {
    const textShadow = `0 0 4px ${token.colorBgContainer}`;

Function PreviewBanner has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const PreviewBanner: React.FC<React.PropsWithChildren> = (props) => {
  const { children } = props;
  const [locale] = useLocale(locales);
  const { styles } = useStyle();
  const { isMobile } = React.useContext(SiteContext);

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        <Flex gap="middle" className={styles.btnWrap}>
          <Link to={utils.getLocalizedPathname('/components/overview/', isZhCN, search)}>
            <Button size="large" type="primary">
              {locale.start}
            </Button>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const locales = {
  cn: {
    slogan: '助力设计开发者「更灵活」地搭建出「更美」的产品，让用户「快乐工作」～',
    start: '开始使用',
    designLanguage: '设计语言',

• Read up
  Read up