mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-04 00:18:01 +01:00
857c91b803
This PR implements a first version of the new month/range picker for the data usage graphs. It's minimally hooked up to the existing functionality to not take anything away. This primary purpose of this PR is to get the design and interaction out on sandbox so that UX can have a look and we can make adjustments. As such, there are a few things in the code that we'll want to clean up before removing the flag later: - for faster iteration, I've used a lot of CSS nesting and element selectors. this isn't usually how we do it here, so we'll probably want to extract into styled components later - there is a temporary override of the value in the period selector so that you can select ranges. It won't affect the chart state, but it affects the selector state. Again, this lets you see how it acts and works. - I've added a `NewHeader` component because the existing setup smushed the selector (it's a MUI grid setup, which isn't very flexible). I don't know what we want to do with this in the end, but the existing chart *does* have some problems when you resize your window, at least (although this is likely due to the chart, and can be solved in the same way that we did for the personal dashboards).  |
||
|---|---|---|
| .. | ||
| api | ||
| useChangeRequestAddStrategy.ts | ||
| useChangeRequestInReviewWarning.tsx | ||
| useChangeRequestsEnabled.test.tsx | ||
| useChangeRequestsEnabled.ts | ||
| useChangeRequestToggle.ts | ||
| useClearSWRCache.test.ts | ||
| useClearSWRCache.ts | ||
| useCollaborateData.tsx | ||
| useConditionallyHiddenColumns.ts | ||
| useCustomEvent.ts | ||
| useDefaultProjectSettings.ts | ||
| useDragItem.ts | ||
| useEventSettings.ts | ||
| useFormErrors.ts | ||
| useGlobalLocalStorage.ts | ||
| useGlobalState.ts | ||
| useHasAccess.ts | ||
| useHiddenEnvironments.ts | ||
| useHighestPermissionChangeRequestEnvironment.test.ts | ||
| useHighestPermissionChangeRequestEnvironment.ts | ||
| useId.test.ts | ||
| useId.ts | ||
| useIsAppleDevice.ts | ||
| useKeyboardShortcut.ts | ||
| useLastViewedFlags.test.tsx | ||
| useLastViewedFlags.ts | ||
| useLastViewedProject.test.tsx | ||
| useLastViewedProject.ts | ||
| useLicensedUsers.ts | ||
| useLoading.ts | ||
| useLocalStorageState.test.tsx | ||
| useLocalStorageState.ts | ||
| useLocationSettings.ts | ||
| useOnBlur.test.tsx | ||
| useOnBlur.ts | ||
| useOnClickOutside.test.tsx | ||
| useOnClickOutside.ts | ||
| useOnVisible.ts | ||
| useOptionalPathParam.ts | ||
| usePageTitle.ts | ||
| usePagination.ts | ||
| usePersistentGlobalState.ts | ||
| usePersistentTableState.test.tsx | ||
| usePersistentTableState.ts | ||
| usePinnedFavorites.test.ts | ||
| usePinnedFavorites.ts | ||
| usePlausibleTracker.ts | ||
| useQueryParams.ts | ||
| useRecentlyVisited.test.tsx | ||
| useRecentlyVisited.ts | ||
| useRequiredPathParam.ts | ||
| useRequiredQueryParam.ts | ||
| useSearch.test.tsx | ||
| useSearch.ts | ||
| useStickinessOptions.ts | ||
| useSubmittedFeedback.ts | ||
| useTabs.ts | ||
| useThemeMode.ts | ||
| useToast.tsx | ||
| useTrafficData.test.ts | ||
| useTrafficData.ts | ||
| useUiFlag.ts | ||
| useUsersPlan.ts | ||
| useVariant.ts | ||
| useVirtualizedRange.ts | ||
| useWeakMap.ts | ||