Lazy load every instance of using ant icons. Closes #2583

This commit is contained in:
Gabe Kangas
2023-01-15 22:31:36 -08:00
parent 3986fcd032
commit 6fbd6cbbcf
43 changed files with 537 additions and 91 deletions

View File

@ -1,10 +1,24 @@
import { FC } from 'react';
import { Button, Dropdown, Menu } from 'antd';
import classNames from 'classnames';
import { EllipsisOutlined, HeartOutlined, BellOutlined } from '@ant-design/icons';
import dynamic from 'next/dynamic';
import styles from './ActionButtonMenu.module.scss';
import { ExternalAction } from '../../../interfaces/external-action';
// Lazy loaded components
const EllipsisOutlined = dynamic(() => import('@ant-design/icons/EllipsisOutlined'), {
ssr: false,
});
const HeartOutlined = dynamic(() => import('@ant-design/icons/HeartOutlined'), {
ssr: false,
});
const BellOutlined = dynamic(() => import('@ant-design/icons/BellOutlined'), {
ssr: false,
});
const NOTIFY_KEY = 'notify';
const FOLLOW_KEY = 'follow';