1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-14 01:16:17 +02:00
unleash.unleash/frontend/src/component/feature/FeatureView
Thomas Heartman 138e93c41a
chore: drag-n-drop tooltip for strategies (#9623)
Implements the drag-n-drop tooltip the first time the user sees a
strategy drag handle on the feature env overview. It uses React Joyride,
which is the same system we use for the demo.

The design is a little different from the sketches because I couldn't
find a quick way to move the content (and the arrow) to be shifted
correctly.

If the demo is also active the first time a user visits a strategy page,
it'll render both the demo steps and this, but this tooltip doesn't
prevent the user from finishing the tour. It might be possible to avoid
that through checking state in localstorage, but I'd like to get this
approved first.

The tooltip uses the auth splash system to decide whether to show the
tooltip, meaning it's stored per user in the DB. To avoid it
re-rendering before you refetch from the back end, we also use a
temporary variable to check whether the user has closed it.

Rendered:

![image](https://github.com/user-attachments/assets/5912d055-10d5-4a1d-93f4-f12ff4ef7419)

If the tour is also active:

![image](https://github.com/user-attachments/assets/b0028a0f-3a0f-48aa-9ab9-8d7cf399055a)
2025-03-27 11:16:37 +01:00
..
FeatureEnvironmentSeen feat: make panels collapsible (#8395) 2024-10-09 14:25:58 +02:00
FeatureLog refactor: Make event log look and act like other pages (#7704) 2024-07-31 09:46:47 +02:00
FeatureMetrics chore: fix "key" prop issues in front end tests (#8459) 2024-10-16 14:57:43 +02:00
FeatureNotFound chore: add no unused imports biome rule (#5855) 2024-01-11 12:44:05 +00:00
FeatureOverview chore: drag-n-drop tooltip for strategies (#9623) 2025-03-27 11:16:37 +01:00
FeatureSettings chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00
FeatureVariants Feat(UI): new strategy variant chips (#9507) 2025-03-13 11:27:45 +01:00
Collaborators.test.tsx fix: add workaround for tooltip (#7649) 2024-07-24 09:33:29 +00:00
Collaborators.tsx refactor: make avatar group more customizable (#7989) 2024-08-27 14:37:45 +02:00
FeatureView.tsx feat: show and hide environments (#9323) 2025-02-19 09:48:07 +00:00
FeatureViewHeader.tsx chore: reduce tab sizes on flag page + fix wrapping/overlapping issue with action buttons (#9339) 2025-02-20 15:02:04 +01:00
FeatureViewLazyExport.tsx Refactor/lazy load (#2842) 2023-01-12 11:34:45 +01:00
LazyFeatureView.tsx Refactor/lazy load (#2842) 2023-01-12 11:34:45 +01:00