NicolaeUnleash
705462f0cf
feat: dark theme v1 ( #3298 )
...
## About the changes
Creating the first version of the Dark theme
Refactor: colors variables
Refactor: use theme variable instead
- this change will help us to use MuiCssBaseline, and we can use classes
directly for easy customization when we can't identify MUI classes
Refactor: adjusting some files components
- i’ve touched also the structure of some files, not only the colors
variables (but only to adjust the style, not functionality)
Fix: dark mode persistence on refresh (by Nuno)
Feat: dark mode sees light logos, and light mode sees dark logos (by
Nuno)
---------
Co-authored-by: Nuno Góis <github@nunogois.com>
2023-03-22 16:37:40 +02:00
NicolaeUnleash
23af7a3474
refactor: light theme colors ( #3252 )
...
## About the changes
Refactoring the colors for the light theme to be much easier to continue
with dark mode
This is the first step to finish dark mode
https://linear.app/unleash/project/[low][s][alpha]-dark-mode-in-unleash-admin-ui-31b407d13c4b/1
This PR uses `main-theme` as a placeholder for `dark-theme` for now due
to the new changes. Still need to set the correct values here.
---------
Co-authored-by: Nuno Góis <github@nunogois.com>
2023-03-06 12:58:36 +02:00
Nuno Góis
233e06ec6a
fix: disable autoResetHiddenColumns when useConditionallyHiddenColumns ( #2851 )
...
https://linear.app/unleash/issue/2-563/fix-issue-with-useconditionallyhiddencolumns-and-react-table
It seems like we should add `autoResetHiddenColumns: false` to
`useTable` whenever we use `useConditionallyHiddenColumns`.
Basically the thought is that, if we're controlling column visibility in
our own way, we should not want other things to change that state
unpredictably, otherwise this may make React go _brrrrrr_. And it can be
very hard to pinpoint what exactly may be causing React to go _brrrrrr_.
First detected this issue apparently randomly while developing the new
SA table. Around 10-20 page refreshes would eventually trigger it. Was
not easy to find, but hopefully this fixes it permanently. At least I
haven't been able to reproduce it since. Maybe someone has a better idea
of where the issue could be or if this is a pretty good guess. Doesn't
seem like this change hurts us anyways.
I love React, `useEffect` and these very to-the-point error messages.
Very fun and productive.
Reference: https://react-table-v7.tanstack.com/docs/api/useTable
2023-01-10 08:15:12 +00:00
Mateusz Kwasniewski
674e36b40b
Styled components batch4.1 ( #2812 )
...
Co-authored-by: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
2023-01-05 09:45:39 +01:00
Tymoteusz Czech
2c15841af4
fix: metrics one hour select label ( #2712 )
2022-12-19 16:27:21 +01:00
Nuno Góis
1d1219a055
Use new useConditionallyHiddenColumns hook ( #2695 )
...
https://linear.app/unleash/issue/2-515/adapt-tables-to-use-the-new-useconditionallyhiddencolumns-hook
Uses the new `useConditionallyHiddenColumns` hook, like mentioned here:
https://github.com/Unleash/unleash/pull/2691
Also includes small fixes for things I caught along the way. See
comments below.
2022-12-16 10:46:04 +01:00
Ivar Conradi Østhus
670b97dede
fix: set suggested min value to 0 ( #2363 )
...
This PR does one thing, it sets the y-axis to start at "0" when showing
request counts over time.
fixes #2107
2022-11-09 21:43:13 +00:00
Aneesh Relan
1a09d1778b
feat: prettify large numbers in metrics ( #2176 )
...
* prettify large numbers
* add tooltip for larger numbers
* add test ids, add unit test
* move dependency to devDependency
* remove unused import
* use conditional render component
* use prettify large number component for feature overview metrics
2022-10-12 16:19:37 +01:00
Tymoteusz Czech
c64f9a0e20
fix: toggle strategies ui adjustments ( #2030 )
...
* fix: toggle strategies ui adjustments
* fix dark theme type ts issue
2022-09-05 11:00:36 +02:00
Fredrik Strand Oseberg
6818a82cd1
Feat/dark mode exp ( #1137 )
...
* feat: add dark mode theme
* fix: feature metrics
* fix: add color
* styling
* fix: add switch
* fix: form sidebar
* fix: remove console log
* fix: add properties
* fix: strategy container
* feat: feature flag
* fix: tests
* fix: build
* fix: logo
* fix: icon
* fix: update snapshots
* fix: CES operator
* fix: typography
* fix: input styling
* fix: remove initial load
* fix: change flag name
* fix: refactor to custom hook
* fix: remove unused import
* fix: dialog headers
* fix: use uiConfig flags instead of flags
2022-08-23 14:20:02 +02:00
olav
0d5f55a706
refactor: lazy-load the charting library ( #1184 )
2022-08-02 10:23:55 +02:00
Tymoteusz Czech
c70b38a62a
Feature toggle page update ( #1140 )
...
* feat: add icon to custom strategies
* feat: update feature toggle screen layout
* strategy and constraints separators
* style disabled envirnments
* strategy constraint style
* strategy drag and drop
* feature env emtpy state
* quick add strategy api
* reorder strategies api integration
* feature strategy header title
* openapi update
* style small chip component
* fix comments after review
* fix issues with strategy constraint operators
* Revert "openapi update"
This reverts commit 27e7651ebae26f61ca76ec910e1f209bae7f2955.
* fix tooltip ref
2022-07-27 10:00:15 +00:00
Tymoteusz Czech
c0b52fa672
Fix: UI improvements ( #1114 )
...
* fix: segments table author column width
* fix: update feature form ui
* fix: strategies breadcrumbs
* fix: api token page title
* fix: deprecated strategy label color
* fix: project access remove user toast
* fix: addon enable toast message
* fix: ces from ui
* fix: ui improvements with dialog typography
* fix: revert ces
* fix: change password error type
2022-06-28 12:58:10 +02:00
Tymoteusz Czech
349106a2be
fix: sort order across the app
...
discussed with Nicolae and Nuno
2022-06-14 11:14:56 +02:00
Nuno Góis
682921d5bf
fix: misc ui fixes post tables upgrade ( #1049 )
...
* fix: misc ui fixes post tables upgrade
* fix: update snaps, small cleanup
* refactor: ReportCard to styled, misc improvements
* cleanup remaining styles file
* rename `Feature Toggle Name` to just `name`
* refactor: address PR comments
2022-06-02 08:21:51 +01:00
olav
36196ad6d5
refactor: port metrics list to react-table ( #1035 )
...
* refactor: port metrics list to react-table
* refactor: hide columns on small screens
* refactor: use disableSortBy instead of canSort
* refactor: fix text contrast
* refactor: fix metrics section ids
2022-05-31 10:26:30 +02:00
olav
eb5e83cdb4
refactor: remove unused code ( #1036 )
...
* refactor: remove unused code
* refactor: remove more unused code
2022-05-27 13:28:58 +02:00
olav
a66168a348
refactor: fix metrics chart series colors ( #987 )
2022-05-13 09:42:24 +02:00
Tymoteusz Czech
44c579f7a8
Refactor: page container ( #967 )
...
* refactor: page container
* refactor: table page header
2022-05-09 14:38:12 +02:00
olav
d8143c6ff4
chore: update react-router to v6 ( #946 )
...
* refactor: fix child selector warnings
* refactor: update react-router-dom
* refactor: use BrowserRouter as in react-router docs
* refactor: replace Redirect with Navigate
* refactor: replace Switch with Routes
* refactor: replace useHistory with useNavigate
* refactor: replace useParams types with useRequiredPathParam
* refactor: replace NavLink activeStyle with callback
* refactor: fix matchPath arg order
* refactor: Remove unused link state
* refactor: delete broken snapshot test
* refactor: render 404 page without redirect
* refactor: normalize path parameter names
* refactor: fix Route component usage
2022-05-05 13:42:18 +02:00
olav
24c11332b5
chore: update MUI to v5 ( #923 )
...
* refactor: update mui packages
* refactor: run mui codemods
* refactor: format files after codemods
* refactor: fix broken types
* refactor: clean up theme
* refactor: fix broken tests
* refactor: replace @mui/styles with tss-react
* refactor: move breakpoints into classes for tss
* refactor: fix crash on missing feature description
* refactor: remove void classNames
* refactor: adjust styles to new defaults
* refactor: remove broken rollout slider e2e test
* refactor: fix duplicate e2e testid
* refactor: update makeStyles after rebase
* refactor: add missing snapshot after rebase
* refactor: fix TableCellSortable focus styles
* refactor: use 1.4 as the default line-height
* refactor: hide webkit search field icons
* refactor: fix select box label
* refactor: make AutocompleteBox smaller
* refactor: make heading smaller
* refactor: fix toast close icon color
* refactor: update snapshots
* refactor: add missing test event awaits
* refactor: fix default button line-height
2022-05-02 15:52:41 +02:00
Tymoteusz Czech
23a874d051
Refactor: convert jsx files to typescript ( #881 )
...
* refactor: convert remaining js files to typescript
* refactor: conditionally render remove index
* refactor: dialog component to tsx
* refactor: migrate some files from jsx to tsx
* refactor: convert dropdown element to tsx
* refactor: feature toggle list to tsx
* refactor: update context name in use overrides
* refactor: variant overrides to tsx
refactor: remove unused strategy constraint file
* fix: tsx imports
* fix: update refectored components after rebase
* refactor: rename report list files to tsx
* fix: project health list types
* refactor: addon form - add types
* refactor: copy feature component types
* fix: projects toggle style after tsx refactor
* refactor: update ts types from openapi
* fix: ts refactor changes after review
* fix: header title prop
* fix: update after PR comments
* add test to useoverrides hook
* fix conditionally render time ago
* fix: toggle list empty tooltip
* fix: remove unused variable
* remove unused variable
* fix: remove faulty snapshot
2022-05-02 12:52:33 +02:00
olav
f7266cde10
fix: announce navigation to screen readers ( #911 )
...
* refactor: unify page titles
* refactor: update page title on navigation
* refactor: add AnnouncerContext to test contexts
* fix: announce navigation to screen readers
2022-04-27 09:14:44 +02:00
olav
3bb5a69d86
fix: improve feature metrics accessibility ( #901 )
...
* refactor: fix header order
* refactor: improve metrics chart aria attributes
* refactor: add focus style for active metrics chips
2022-04-22 12:35:47 +02:00
olav
ffa91a3758
refactor: improve feature metrics chart line legibility ( #902 )
2022-04-22 12:27:04 +02:00
olav
9bb0ce8cad
refactor: improve GeneralSelect prop types ( #883 )
...
* refactor: improve GeneralSelect prop types
* refactor: Remove unused propTypes
2022-04-20 11:47:17 +02:00
Youssef Khedher
85950f104a
chore: update paths 🧼 ( #820 )
2022-03-28 09:49:59 +01:00
olav
cfc2338e78
refactor: use camel case for files and dirs ( #817 )
2022-03-25 12:34:20 +01:00
olav
baae88c7a5
feat: add new feature strategy create/edit pages ( #739 )
...
* 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
2022-03-09 14:59:24 +01:00
olav
a4dab966a3
refactor: port date utils to TS ( #720 )
2022-02-25 10:40:55 +01:00
olav
47f6bc5829
refactor: remove chart point filter ( #743 )
2022-02-23 17:23:21 +01:00
olav
33b5e4abac
feat: add new feature metrics page ( #716 )
...
* refactor: ensure that [hidden] overrides other display styles
* refactor: use numeric font weights
* refactor: remove unnecessary Jest mock
* refactor: add a fullWidth prop to GeneralSelect
* refactor: remove unnecessary label id prop
* refactor: the showActive prop is optional
* refactor: add hooks for managing query string state
* refactor: add a hour/minute timestamp formatter
* refactor: add labels to button icons
* feat: add new feature metrics page
* refactor: remove prev feature metrics page
* refactor: use new metric boxes on overview page
* refactor: lazy-load the new metrics page
* refactor: fix type error when formatting unknown error
* refactor: extract interfaces for props
* refactor: destructure all props
* refactor: expand arg names
* refactor: reorg component dirs and files
* refactor: improve chart element label
* refactor: hide chart dots until hover
* refactor: add section titles to environments/applications
* refactor: simplify FeatureMetricsHours types
* refactor: sort chart tooltip items
* refactor: add more chart labels
* refactor: always show a dot in single point charts
* refactor: improve chart tooltip styles
* refactor: adjut metric page spacing
* refactor: decrease legend box size
* refactor: move date fmt fn inline
* refactor: improve chart legend styles
* refactor: increase Cypress timeouts
* refactor: sort environment and application chips
* refactor: format files
* refactor: use stable lists of apps and envs
* refactor: fix FeatureMetrics dir name
* refactor: avoid ScrollToTop on query string change
* refactor: use ConditionallyRender instead of inline condition
* refactor: use makeStyles instead of styled API
2022-02-21 13:47:54 +01:00
Fredrik Strand Oseberg
18287cdbd0
Fix/cleanup unused code ( #651 )
...
* fix: remove unused context code
* fix: refactor users
* fix: rename delete user
* fix: rename frontend
* fix: update feature view path
* fix: cleanup create feature
* fix: cleanup feature views
* fix: cleanup feature strategies
* fix: update paths
* fix: remove unused strategy components
* fix strategies link
* fix: update snapshots
* fix: import paths
* fix: add name to useEffect dependency
2022-02-04 10:36:08 +01:00
