mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-11 00:08:30 +01:00
baae88c7a5
* refactor: add param helper hooks * refactor: remove first add strategy link * refactor: add more types to useStrategies * refactor: port strategy utils to TS * refactor: replace rollout strategy icon * refactor: use a named export for useFeature * refactor: add more types to useFeature * refactor: adjust code box styles * refactor: add missing PermissionButton variant prop * refactor: add missing button icon label * refactor: move common feature components * refactor: fix StrategyConstraints error prop types * refactor: fix GeneralStrategy prop types * feat: add new feature strategy create/edit pages * refactor: remove feature strategies page * refactor: fix types in GeneralStrategy * refactor: use ConstraintAccordion on the new pages * refactor: use ConditionallyRender for remove button * refactor: rename FeatureStrategyForm component * refactor: use the Edit icon for feature strategies * refactor: fix initial edit mode for new constraints * refactor: add FeatureStrategyMenu to closed accordions * refactor: allow editing multiple constraints * refactor: show single-valued constraint value * refactor: increase feature overview strategy width * refactor: add remove button to feature overview strategies * refactor: move createEmptyConstraint to own file * refactor: disable submit button for invalid constraints * refactor: fix nested paragraphs on the metrics page * refactor: move create/edit feature strategy to modal * refactor: always open new constraints in edit mode * refactor: use a PermissionButton for the save button * refactor: remvoe unsaved constraints on cancel * refactor: clarify useConstraintsValidation logic * refactor: remove unused strategy descriptions * refactor: restore Rollout icon * refactor: remove sidebar modal slide animation * refactor: avoid constraint accordion toggle on edit/delete * refactor: truncate long strategy names * refactor: find the correct remove button
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import LocationOnIcon from '@material-ui/icons/LocationOn';
|
|
import PeopleIcon from '@material-ui/icons/People';
|
|
import LanguageIcon from '@material-ui/icons/Language';
|
|
import PowerSettingsNewIcon from '@material-ui/icons/PowerSettingsNew';
|
|
import RolloutIcon from 'component/common/RolloutIcon/RolloutIcon';
|
|
import { ElementType } from 'react';
|
|
|
|
export const formatStrategyName = (strategyName: string): string => {
|
|
return formattedStrategyNames[strategyName] ?? strategyName;
|
|
};
|
|
|
|
export const getFeatureStrategyIcon = (strategyName: string): ElementType => {
|
|
switch (strategyName) {
|
|
case 'remoteAddress':
|
|
return LanguageIcon;
|
|
case 'flexibleRollout':
|
|
return RolloutIcon;
|
|
case 'userWithId':
|
|
return PeopleIcon;
|
|
case 'applicationHostname':
|
|
return LocationOnIcon;
|
|
default:
|
|
return PowerSettingsNewIcon;
|
|
}
|
|
};
|
|
|
|
const formattedStrategyNames: Record<string, string> = {
|
|
applicationHostname: 'Hosts',
|
|
default: 'Standard',
|
|
flexibleRollout: 'Gradual rollout',
|
|
gradualRolloutRandom: 'Randomized',
|
|
gradualRolloutSessionId: 'Sessions',
|
|
gradualRolloutUserId: 'Users',
|
|
remoteAddress: 'IPs',
|
|
userWithId: 'UserIDs',
|
|
};
|