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 (
<UploadFilesContext.Provider value={[filesById, setFilesById]}>
<UploadFilesContext value={[filesById, setFilesById]}>
{children}
</UploadFilesContext.Provider>
</UploadFilesContext>
)
}
@ -92,9 +92,9 @@ export function EventLoopProvider({ children }) {
clientStorage,
)
return (
<EventLoopContext.Provider value={[addEvents, connectErrors]}>
<EventLoopContext value={[addEvents, connectErrors]}>
{children}
</EventLoopContext.Provider>
</EventLoopContext>
)
}
@ -112,13 +112,13 @@ export function StateProvider({ children }) {
return (
{% 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 %}
<DispatchContext.Provider value={dispatchers}>
<DispatchContext value={dispatchers}>
{children}
</DispatchContext.Provider>
</DispatchContext>
{% for state_name in initial_state|reverse %}
</StateContexts.{{state_name|var_name}}.Provider>
</StateContexts.{{state_name|var_name}}>
{% 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"];
if (!allowedModes.includes(mode)) {
console.error(
`Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`
`Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`,
);
mode = defaultColorMode;
}
setTheme(mode);
};
return (
<ColorModeContext.Provider
<ColorModeContext
value={{ rawColorMode, resolvedColorMode, toggleColorMode, setColorMode }}
>
{children}
</ColorModeContext.Provider>
</ColorModeContext>
);
}