laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrate to new react 19 context api

Browse Source
This commit is contained in:
Benedikt Bartscher 2025-02-20 00:20:50 +01:00
parent 96086bcb0c
commit f3c08e8382
No known key found for this signature in database
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
reflex/.templates/jinja/web/utils/context.js.jinja2
View File

@ -78,9 +78,9 @@ export function UploadFilesProvider({ children }) {
return newFilesById return newFilesById
}) })
return ( return (
<UploadFilesContext.Provider value={[filesById, setFilesById]}> <UploadFilesContext value={[filesById, setFilesById]}>
{children} {children}
</UploadFilesContext.Provider> </UploadFilesContext>
) )
} }
@ -92,9 +92,9 @@ export function EventLoopProvider({ children }) {
clientStorage, clientStorage,
) )
return ( return (
<EventLoopContext.Provider value={[addEvents, connectErrors]}> <EventLoopContext value={[addEvents, connectErrors]}>
{children} {children}
</EventLoopContext.Provider> </EventLoopContext>
) )
} }
@ -112,13 +112,13 @@ export function StateProvider({ children }) {
return ( return (
{% for state_name in initial_state %} {% for state_name in initial_state %}
<StateContexts.{{state_name|var_name}}.Provider value={ {{state_name|var_name}} }> <StateContexts.{{state_name|var_name}} value={ {{state_name|var_name}} }>
{% endfor %} {% endfor %}
<DispatchContext.Provider value={dispatchers}> <DispatchContext value={dispatchers}>
{children} {children}
</DispatchContext.Provider> </DispatchContext>
{% for state_name in initial_state|reverse %} {% for state_name in initial_state|reverse %}
</StateContexts.{{state_name|var_name}}.Provider> </StateContexts.{{state_name|var_name}}>
{% endfor %} {% endfor %}
) )
} }

6
reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
View File

@ -36,17 +36,17 @@ export default function RadixThemesColorModeProvider({ children }) {
const allowedModes = ["light", "dark", "system"]; const allowedModes = ["light", "dark", "system"];
if (!allowedModes.includes(mode)) { if (!allowedModes.includes(mode)) {
console.error( console.error(
`Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".` `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`,
); );
mode = defaultColorMode; mode = defaultColorMode;
} }
setTheme(mode); setTheme(mode);
}; };
return ( return (
<ColorModeContext.Provider <ColorModeContext
value={{ rawColorMode, resolvedColorMode, toggleColorMode, setColorMode }} value={{ rawColorMode, resolvedColorMode, toggleColorMode, setColorMode }}
> >
{children} {children}
</ColorModeContext.Provider> </ColorModeContext>
); );
} }