fix(website): empty css cache response generates invalid font-face se…

…lector (#934)
fontsource · Feb 11, 2024 · 60ee16b · 60ee16b
1 parent e63cb56
commit 60ee16b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/website/app/components/search/Filters.tsx b/website/app/components/search/Filters.tsx
@@ -70,7 +70,6 @@ const Filters = () => {
 							readOnly
 							style={{
 								pointerEvents: 'none',
-								display: 'flex',
 							}}
 						/>
 					</UnstyledButton>

diff --git a/website/app/routes/fonts.$id._index.tsx b/website/app/routes/fonts.$id._index.tsx
@@ -70,7 +70,7 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
 	}
 
 	// Generate static CSS
-	let staticCSS = getCSSCache(`s:${id}`) as string;
+	let staticCSS = getCSSCache(`s:${id}`) ?? '';
 	if (!staticCSS) {
 		for (const weight of weights) {
 			for (const style of styles) {
@@ -101,7 +101,7 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
 	// Generate variable CSS
 	let variableCSS: string | undefined;
 	if (variable) {
-		variableCSS = getCSSCache(`v:${id}`);
+		variableCSS = getCSSCache(`v:${id}`) ?? '';
 		if (!variableCSS) {
 			for (const style of styles) {
 				variableCSS += unicodeKeys