All files / libs/tenants/feature-flags/components/src FeatureFlagDisabled.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1x
1x
1x
1x
1x
1x
1x
1x
1x
2x
2x
2x
2x
2x
2x
1x
 
import { Fragment, memo } from 'react';
 
import { useFeatureFlag } from '@amalia/tenants/companies/state';
 
import { type FeatureFlagProps } from './FeatureFlag.types';
 
export type FeatureFlagDisabledProps = FeatureFlagProps;
 
export const FeatureFlagDisabled = memo(function FeatureFlagDisabled({
  children,
  featureFlag,
}: FeatureFlagDisabledProps) {
  const { isFeatureEnabled } = useFeatureFlag(featureFlag);
  // need fragment to see as component
  return !isFeatureEnabled && <Fragment>{children}</Fragment>;
});