diff --git a/src/cheatcodes/pages/others/CheatcodesScreenFeatureFlags.tsx b/src/cheatcodes/pages/others/CheatcodesScreenFeatureFlags.tsx index 35bbf5a2fe1..9e762166397 100644 --- a/src/cheatcodes/pages/others/CheatcodesScreenFeatureFlags.tsx +++ b/src/cheatcodes/pages/others/CheatcodesScreenFeatureFlags.tsx @@ -4,15 +4,56 @@ import styled from 'styled-components/native' import { CheatcodesTemplateScreen } from 'cheatcodes/components/CheatcodesTemplateScreen' import { useFeatureFlagAll } from 'cheatcodes/hooks/useFeatureFlagAll' +import { env } from 'libs/environment/env' +import { ButtonInsideText } from 'ui/components/buttons/buttonInsideText/ButtonInsideText' import { Separator } from 'ui/components/Separator' -import { TypoDS, getSpacing } from 'ui/theme' +import { ExternalTouchableLink } from 'ui/components/touchableLink/ExternalTouchableLink' +import { ExternalSiteFilled } from 'ui/svg/icons/ExternalSiteFilled' +import { Spacer, TypoDS, getSpacing } from 'ui/theme' export const CheatcodesScreenFeatureFlags = () => { const featureFlags = useFeatureFlagAll() const featureFlagsArray = Object.entries(featureFlags) + const title = `Feature Flags ${env.ENV} 🏳️` + const showTestingFeatureFlags = env.ENV !== 'testing' + const showStagingFeatureFlags = env.ENV !== 'staging' + const showProductionFeatureFlags = env.ENV !== 'production' + return ( - + + {showTestingFeatureFlags ? ( + + ) : null} + {showStagingFeatureFlags ? ( + + ) : null} + {showProductionFeatureFlags ? ( + + ) : null} + Nombre de feature flags : {featureFlagsArray.length} @@ -45,3 +86,7 @@ const StyledTitle4 = styled(TypoDS.Title4)<{ active: boolean }>(({ theme, active const StyledSeparator = styled(Separator.Horizontal)({ marginVertical: getSpacing(2), }) + +const ButtonInsideTextBlack = styled(ButtonInsideText).attrs(({ theme }) => ({ + buttonColor: theme.colors.black, +}))``