1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-10 17:53:36 +02:00
unleash.unleash/frontend/src/component/common
Nuno Góis 4e36981c96
feat: improve variants modal UI/UX (#3307)
https://linear.app/unleash/issue/2-758/add-variant-improve-the-flow


![image](https://user-images.githubusercontent.com/14320932/225064841-7fdb3b23-a06d-4078-b33a-50166e54a8b8.png)

![image](https://user-images.githubusercontent.com/14320932/225063913-ff92a563-7aa8-493f-a0dd-ef16f1474151.png)

### Variants form

- Fix variants edit form to follow natural tab order;
- Update variants form UI to new design with multiple improvements and
fixes, including a sticky header;
- New variants are now added at the bottom of the edit form instead of
at the top, with a smooth scroll and focus;

### Change requests

- On the variants diff, use variant names instead of index;
- Use an object-based diff logic (instead of array-based) for cleaner
diffs on variants (thanks @thomasheartman !);
- Display a table with the new variants data and display the diff on a
`TooltipLink`;
- Adapt strategy CR changes to the new `TooltipLink` logic for
consistency;

### Other

- `TooltipLink` and `Badge` components are now tab-selectable;
- Small enhancements, refactors and improvements;

---------

Co-authored-by: Gastón Fournier <gaston@getunleash.io>
2023-03-15 12:22:06 +00:00
..
AdminAlert
AnimateOnMount refactor: styles batch 3 (#2821) 2023-01-11 17:44:21 +01:00
Announcer MakeStyles refactor 1-3 (#2835) 2023-01-09 10:41:58 +02:00
ApiError
ApiTokenTable Fix/decouple api token list (#3171) 2023-02-21 14:27:46 +01:00
AutocompleteBox refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
Badge feat: improve variants modal UI/UX (#3307) 2023-03-15 12:22:06 +00:00
BreadcrumbNav fix: small breadcrumb adjustments (#2893) 2023-01-16 13:09:38 +01:00
CheckmarkBadge refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
Codebox refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
ConditionallyRender
ConstraintAccordion refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
CreateButton
DateTimePicker
Dialogue refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
DividerText fix: remove all warnings (#3055) 2023-02-07 11:20:44 +01:00
DropdownMenu
EnvironmentIcon
EnvironmentStrategiesDialog fix: remove all warnings (#3055) 2023-02-07 11:20:44 +01:00
FavoriteIconButton fix: misc UI/UX fixes, mostly related with favorites (#2683) 2022-12-13 13:19:21 +00:00
FeatureArchiveDialog
FeatureStaleDialog
FeatureStatusChip refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
Feedback feat: implement plausible tracking (#3212) 2023-02-28 14:29:14 +01:00
FormTemplate feat: improve variants modal UI/UX (#3307) 2023-03-15 12:22:06 +00:00
GeneralSelect
Gradient
GridCol
GridRow
GuidanceIndicator refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
HelpIcon
Highlighter Refactor makestyles 2 2 (#2827) 2023-01-05 16:23:40 +02:00
HtmlTooltip refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
Input add selectable timezone (#2911) 2023-01-30 15:36:42 +01:00
InputCaption
InputListField
InstanceStatus POC: integration tests (#2422) 2022-12-06 15:28:33 +01:00
ItemList
Loader Refactor makestyles 2 2 (#2827) 2023-01-05 16:23:40 +02:00
LoginRedirect
MainHeader fix: misc UI/UX fixes, mostly related with favorites (#2683) 2022-12-13 13:19:21 +00:00
Mermaid perf: Simplify queries to prometheus (#2706) 2022-12-19 17:06:59 +01:00
MessageBanner fix: remove all warnings (#3055) 2023-02-07 11:20:44 +01:00
NoItems Refactor makestyles 2 2 (#2827) 2023-01-05 16:23:40 +02:00
NotFound refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
Notifications Feat/notifications cypress (#3244) 2023-03-08 12:47:42 +02:00
OperatorUpgradeAlert
PageContent fix: PageContent bodyContainer overflowX (#2852) 2023-01-10 16:46:53 +01:00
PageHeader refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
PasswordField
PercentageCircle refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
PermissionButton added contraints checking in change request permissions (#2690) 2022-12-14 13:00:51 +01:00
PermissionHOC
PermissionIconButton Refactor/make styles batch 6 part 3 (#2823) 2023-01-05 09:45:17 +01:00
PermissionSwitch added contraints checking in change request permissions (#2690) 2022-12-14 13:00:51 +01:00
PremiumFeature refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
PrettifyLargeNumber linter fixes (#2561) 2022-11-30 10:52:13 +01:00
Proclamation Refactor makestyles 2 2 (#2827) 2023-01-05 16:23:40 +02:00
ProjectSelect
ProtectedRoute
ResponsiveButton
ScrollTop
Search refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
SegmentItem refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
SidebarModal Fix/use swr bug (#2884) 2023-01-12 11:25:42 +01:00
SkipNavLink refactor: styles batch 3 (#2821) 2023-01-11 17:44:21 +01:00
StaleDataNotification refactor: styles batch 3 (#2821) 2023-01-11 17:44:21 +01:00
StrategyItemContainer refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
StrategySeparator refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
StringTruncator
Table UI/bulk select (#3267) 2023-03-14 08:56:03 +00:00
TabNav refactor: light theme colors (#3252) 2023-03-06 12:58:36 +02:00
ThemeMode
ToastRenderer refactor: styles batch 3 (#2821) 2023-01-11 17:44:21 +01:00
TooltipLink feat: improve variants modal UI/UX (#3307) 2023-03-15 12:22:06 +00:00
TooltipResolver
UpdateButton
UserAvatar
VerticalTabs Feat/add enterprise badge to change req settings (#2585) 2022-12-06 10:05:49 +02:00
common.module.scss
flags.ts
index.jsx
select.tsx
util.ts refactor: remove old components after variants per env (#3110) 2023-02-14 16:03:53 +00:00