From 4dfb9840122bd0eae8013e5f3d1a552300acc960 Mon Sep 17 00:00:00 2001 From: Banks Nussman Date: Thu, 14 Mar 2024 10:57:21 -0400 Subject: [PATCH] move `font-logos` css import in hopes to defer loading till the css is needed --- packages/manager/src/components/DistributionIcon.tsx | 1 + packages/manager/src/index.tsx | 7 +++---- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/manager/src/components/DistributionIcon.tsx b/packages/manager/src/components/DistributionIcon.tsx index e66024c9d25..7a20b4895ba 100644 --- a/packages/manager/src/components/DistributionIcon.tsx +++ b/packages/manager/src/components/DistributionIcon.tsx @@ -1,3 +1,4 @@ +import 'font-logos/assets/font-logos.css'; import React from 'react'; import type { Image } from '@linode/api-v4'; diff --git a/packages/manager/src/index.tsx b/packages/manager/src/index.tsx index 2486f6a902b..d4e1fd662cb 100644 --- a/packages/manager/src/index.tsx +++ b/packages/manager/src/index.tsx @@ -1,9 +1,8 @@ import CssBaseline from '@mui/material/CssBaseline'; -import 'font-logos/assets/font-logos.css'; -import * as React from 'react'; -import { createRoot } from 'react-dom/client'; import { QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; +import * as React from 'react'; +import { createRoot } from 'react-dom/client'; import { Provider as ReduxStoreProvider } from 'react-redux'; import { Route, BrowserRouter as Router, Switch } from 'react-router-dom'; @@ -16,10 +15,10 @@ import { setupInterceptors } from 'src/request'; import { storeFactory } from 'src/store'; import { App } from './App'; -import { LinodeThemeWrapper } from './LinodeThemeWrapper'; import NullComponent from './components/NullComponent'; import { loadDevTools, shouldEnableDevTools } from './dev-tools/load'; import './index.css'; +import { LinodeThemeWrapper } from './LinodeThemeWrapper'; import { queryClientFactory } from './queries/base'; const queryClient = queryClientFactory();