thanks typescript

aslilac · aslilac · commit 44722137d601 · 2025-08-13T16:45:33.000Z
diff --git a/site/index.html b/site/index.html
@@ -57,6 +57,7 @@
 		media="(prefers-color-scheme: light)"
 		data-react-helmet="true"
 	/>
+	<link rel="stylesheet" href="./src/index.css" />
 </head>
 
 <body>
diff --git a/site/src/App.tsx b/site/src/App.tsx
@@ -1,4 +1,3 @@
-import "./theme/globalFonts";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import {
 	type FC,
diff --git a/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx b/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
@@ -496,7 +496,7 @@ export const MultiSelectCombobox = forwardRef<
 									<Badge
 										key={option.value}
 										className={cn(
-											"data-disabled:bg-content-disabled data-[disabled]:text-surface-tertiarydata-[disabled]:hover:bg-content-disabled",
+											"data-disabled:bg-content-disabled data-disabled:text-surface-tertiary data-disabled:hover:bg-content-disabled",
 											"data-fixed:bg-content-disabled data-fixed:text-surface-tertiary data-fixed:hover:bg-surface-secondary",
 											badgeClassName,
 										)}
@@ -594,7 +594,7 @@ export const MultiSelectCombobox = forwardRef<
 										disabled ||
 										selected.length < 1 ||
 										fixedOptions.length === selected.length) &&
-										"hidden",
+									"hidden",
 								)}
 							>
 								<X className="h-5 w-5" />
@@ -661,7 +661,7 @@ export const MultiSelectCombobox = forwardRef<
 															className={cn(
 																"cursor-pointer",
 																option.disable &&
-																	"cursor-default text-content-disabled",
+																"cursor-default text-content-disabled",
 															)}
 														>
 															<div className="flex items-center gap-2">
diff --git a/site/src/components/deprecated/Popover/Popover.tsx b/site/src/components/deprecated/Popover/Popover.tsx
@@ -73,8 +73,8 @@ export const Popover: FC<PopoverProps> = (props) => {
 	// component, but this is basically the most we can do from here
 	useEffect(() => {
 		const closeOnTabSwitch = () => setUncontrolledOpen(false);
-		window.addEventListener("blur-sm", closeOnTabSwitch);
-		return () => window.removeEventListener("blur-sm", closeOnTabSwitch);
+		window.addEventListener("blur", closeOnTabSwitch);
+		return () => window.removeEventListener("blur", closeOnTabSwitch);
 	}, []);
 
 	const value: PopoverContextValue = {
@@ -109,8 +109,8 @@ type PopoverTriggerRenderProps = Readonly<{
 type PopoverTriggerProps = Readonly<
 	Omit<HTMLAttributes<HTMLElement>, "children"> & {
 		children:
-			| TriggerElement
-			| ((props: PopoverTriggerRenderProps) => TriggerElement);
+		| TriggerElement
+		| ((props: PopoverTriggerRenderProps) => TriggerElement);
 	}
 >;
 
diff --git a/site/src/contexts/ThemeProvider.tsx b/site/src/contexts/ThemeProvider.tsx
@@ -56,9 +56,6 @@ export const ThemeProvider: FC<PropsWithChildren> = ({ children }) => {
 	// We might not be logged in yet, or the `theme_preference` could be an empty string.
 	const themePreference =
 		appearanceSettingsQuery.data?.theme_preference || DEFAULT_THEME;
-	// The janky casting here is find because of the much more type safe fallback
-	// We need to support `themePreference` being wrong anyway because the database
-	// value could be anything, like an empty string.
 
 	useEffect(() => {
 		const root = document.documentElement;
@@ -73,6 +70,9 @@ export const ThemeProvider: FC<PropsWithChildren> = ({ children }) => {
 		};
 	}, [themePreference, preferredColorScheme]);
 
+	// The janky casting here is fine because of the much more type safe fallback
+	// We need to support `themePreference` being wrong anyway because the
+	// database value could be anything, like an empty string.
 	const theme =
 		themes[themePreference as keyof typeof themes] ??
 		themes[preferredColorScheme];
diff --git a/site/src/index.tsx b/site/src/index.tsx
@@ -1,5 +1,5 @@
+import "./theme/globalFonts";
 import { createRoot } from "react-dom/client";
-import "./index.css";
 import { App } from "./App";
 
 console.info(`      -#######          +######-      ########+       ##########  ########+.      ###########
diff --git a/site/src/modules/apps/useAppLink.ts b/site/src/modules/apps/useAppLink.ts
@@ -71,7 +71,7 @@ export const useAppLink = (
 					displayError(`${label} must be installed first.`);
 				}
 			}, openAppExternallyFailedTimeout);
-			window.addEventListener("blur-sm", () => {
+			window.addEventListener("blur", () => {
 				clearTimeout(openAppExternallyFailed);
 			});
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import "./theme/globalFonts";`
`2`	`1`	`import { ReactQueryDevtools } from "@tanstack/react-query-devtools";`
`3`	`2`	`import {`
`4`	`3`	`type FC,`
Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@ export const useAppLink = (`
`71`	`71`	displayError(`${label} must be installed first.`);
`72`	`72`	`}`
`73`	`73`	`}, openAppExternallyFailedTimeout);`
`74`		`- window.addEventListener("blur-sm", () => {`
	`74`	`+ window.addEventListener("blur", () => {`
`75`	`75`	`clearTimeout(openAppExternallyFailed);`
`76`	`76`	`});`
`77`	`77`