synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-12 00:14:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(site): fix storybook font issue (#14137)

Browse Source
This commit is contained in:
Bruno Quaresma
2024-08-02 20:08:32 -03:00
committed by GitHub
parent a3c45861bf
commit ae40f8a82e
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
site/.storybook/preview.jsx
View File

@ -11,6 +11,7 @@ import { QueryClient, QueryClientProvider } from "react-query";
import { HelmetProvider } from "react-helmet-async"; import { HelmetProvider } from "react-helmet-async";
import themes from "theme"; import themes from "theme";
import "theme/globalFonts"; import "theme/globalFonts";
import isChromatic from "chromatic/isChromatic";
DecoratorHelpers.initializeThemeState(Object.keys(themes), "dark"); DecoratorHelpers.initializeThemeState(Object.keys(themes), "dark");
@ -102,3 +103,11 @@ function withQuery(Story, { parameters }) {
</QueryClientProvider> </QueryClientProvider>
); );
} }
// Try to fix storybook rendering fonts inconsistently
// https://www.chromatic.com/docs/font-loading/#solution-c-check-fonts-have-loaded-in-a-loader
const fontLoader = async () => ({
fonts: await document.fonts.ready,
});
export const loaders = isChromatic() && document.fonts ? [fontLoader] : [];