precommit

reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js

@@ -18,7 +18,7 @@ export default function RadixThemesColorModeProvider({ children }) {
     const allowedModes = ["light", "dark", "system"];
     if (!allowedModes.includes(mode)) {
       console.error(
-        `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`
+        `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`,
       );
       mode = defaultColorMode;
     }
@@ -35,6 +35,6 @@ export default function RadixThemesColorModeProvider({ children }) {
         setColorMode,
       },
     },
-    children
+    children,
   );
 }

reflex/.templates/web/utils/react-theme.js

@@ -15,7 +15,7 @@ const ThemeContext = createContext();
 export function ThemeProvider({ children, defaultTheme = "system" }) {
   const [theme, setTheme] = useState(defaultTheme);
   const [systemTheme, setSystemTheme] = useState(
-    defaultTheme !== "system" ? defaultTheme : "light"
+    defaultTheme !== "system" ? defaultTheme : "light",
   );
 
   const firstRender = useRef(true);
@@ -44,7 +44,7 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
 
   const resolvedTheme = useMemo(
     () => (theme === "system" ? systemTheme : theme),
-    [theme, systemTheme]
+    [theme, systemTheme],
   );
 
   useEffect(() => {
@@ -79,7 +79,7 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
   return createElement(
     ThemeContext.Provider,
     { value: { theme, resolvedTheme, setTheme } },
-    children
+    children,
   );
 }