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 { BulbOutlined, LaptopOutlined, SaveOutlined } from '@ant-design/icons';
import { Row, Col, Typography } from 'antd';
import React, { useEffect, useState } from 'react';
import dynamic from 'next/dynamic';
import { fetchData, FETCH_INTERVAL, HARDWARE_STATS } from '../../utils/apis';
import { Chart } from '../../components/admin/Chart';
import { StatisticItem } from '../../components/admin/StatisticItem';
// Lazy loaded components
const BulbOutlined = dynamic(() => import('@ant-design/icons/BulbOutlined'), {
ssr: false,
});
const LaptopOutlined = dynamic(() => import('@ant-design/icons/LaptopOutlined'), {
ssr: false,
});
const SaveOutlined = dynamic(() => import('@ant-design/icons/SaveOutlined'), {
ssr: false,
});
// TODO: FIX TS WARNING FROM THIS.
// interface TimedValue {
// time: Date;