2fca60436b
## Context With the new permissions system, we now need to hide some items from the settings navigation and gate some routes so they can't be accessed directly. To avoid having to set permission gates in all the component pages, I'm introducing wrapper at the route level and in the Navigation. This is not required and is mostly for pages that are strictly mapped to a single permission, for the rest we still need to use the different hooks manually but it should avoid a bit of boilerplate for most of the cases. - currentUserWorkspaceState to access settingsPermissions - SettingsProtectedRouteWrapper in the router that can take a settingFeature or a featureFlag as a gate logic, if the currentUser does not have access to the settingFeature or the featureFlag is not enabled they will be redirected to the profile page. - SettingsNavigationItemWrapper & SettingsNavigationSectionWrapper. The former will check the same logic as SettingsProtectedRouteWrapper and not display the item if needed. The later will check if all SettingsNavigationItemWrapper are not visible and hide itself if that's the case. - useHasSettingsPermission to get a specific permission state for the current user - useSettingsPermissionMap to get a map of all permissions with their values for the current user - useFeatureFlagsMap same but for featureFlags
25 lines
839 B
TypeScript
25 lines
839 B
TypeScript
import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
|
|
import { useRecoilValue } from 'recoil';
|
|
import { FeatureFlagKey } from '~/generated/graphql';
|
|
import { buildRecordFromKeysWithSameValue } from '~/utils/array/buildRecordFromKeysWithSameValue';
|
|
|
|
export const useFeatureFlagsMap = (): Record<FeatureFlagKey, boolean> => {
|
|
const currentWorkspace = useRecoilValue(currentWorkspaceState);
|
|
|
|
const currentWorkspaceFeatureFlags = currentWorkspace?.featureFlags;
|
|
|
|
const initialFeatureFlags = buildRecordFromKeysWithSameValue(
|
|
Object.values(FeatureFlagKey),
|
|
false,
|
|
);
|
|
|
|
if (!currentWorkspaceFeatureFlags) {
|
|
return initialFeatureFlags;
|
|
}
|
|
|
|
return currentWorkspaceFeatureFlags.reduce((acc, featureFlag) => {
|
|
acc[featureFlag.key] = featureFlag.value;
|
|
return acc;
|
|
}, initialFeatureFlags);
|
|
};
|