Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2026-01-23 20:06:43 +01:00
Code Issues Projects Releases Wiki Activity

chore: add a delayed evaluation of UI flags (#11091)

Browse Source 
Adds a new hook for UI flag evaluation that returns an evaluation
function.

This solves a frequent pain point where we can't check if a flag is
enabled conditionally (e.g. if we don't know if we have a flag yet)
because it's implemented as a hook.

The new implementation uses the same evaluation as the old one, but
returns the eval function after calling the hook, thereby circumventing
the issue and allowing you to eval a flag anywhere in the function body.
This commit is contained in:
Thomas Heartman 2025-12-08 15:17:49 +01:00 committed by GitHub
parent 3e840b8e22
commit 21acef88df
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/hooks/useUiFlag.ts
View File

@ -1,9 +1,17 @@
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
type flags = ReturnType<typeof useUiConfig>['uiConfig']['flags'];
type Flags = ReturnType<typeof useUiConfig>['uiConfig']['flags'];
export type Flag = keyof Flags;
export const useUiFlag = <K extends keyof flags>(flag: K) => {
export const useDelayedUiFlagEvaluation = (): (<K extends Flag>(
flag: K,
) => NonNullable<Flags[K]> | false) => {
const { uiConfig } = useUiConfig();
return uiConfig?.flags?.[flag] || false;
return (flag) => uiConfig?.flags?.[flag] || false;
};
export const useUiFlag = <K extends Flag>(flag: K) => {
const evaluate = useDelayedUiFlagEvaluation();
return evaluate(flag);
};