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,14 +1,31 @@
import { Modal, Button } from 'antd';
import {
ExclamationCircleFilled,
QuestionCircleFilled,
StopTwoTone,
SafetyCertificateTwoTone,
} from '@ant-design/icons';
import { FC } from 'react';
import dynamic from 'next/dynamic';
import { USER_SET_MODERATOR, fetchData } from '../../utils/apis';
import { User } from '../../types/chat';
// Lazy loaded components
const ExclamationCircleFilled = dynamic(() => import('@ant-design/icons/ExclamationCircleFilled'), {
ssr: false,
});
const QuestionCircleFilled = dynamic(() => import('@ant-design/icons/QuestionCircleFilled'), {
ssr: false,
});
const StopTwoTone = dynamic(() => import('@ant-design/icons/StopTwoTone'), {
ssr: false,
});
const SafetyCertificateTwoTone = dynamic(
() => import('@ant-design/icons/SafetyCertificateTwoTone'),
{
ssr: false,
},
);
export type ModeratorUserButtonProps = {
user: User;
onClick?: () => void;