1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-11 00:08:30 +01:00
unleash.unleash/frontend
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
..
.github/workflows refactor: format files (#719) 2022-02-18 09:51:10 +01:00
cypress feat: add new feature metrics page (#716) 2022-02-21 13:47:54 +01:00
public
src feat: add new feature metrics page (#716) 2022-02-21 13:47:54 +01:00
.editorconfig
.env refactor: port login auth to TS/SWR (#680) 2022-02-10 17:04:10 +01:00
.gitignore
.nvmrc
.prettierignore
.prettierrc refactor: format files (#719) 2022-02-18 09:51:10 +01:00
CHANGELOG.md
craco.config.js
cypress.json
index.js
LICENSE
package.json feat: add new feature metrics page (#716) 2022-02-21 13:47:54 +01:00
README.md
renovate.json
tsconfig.json
typings.json
vercel.json
yarn.lock feat: add new feature metrics page (#716) 2022-02-21 13:47:54 +01:00

Developing

Why did you render

This application is set up with WDYR and craco in order to find, debug and remove uneccesary re-renders. This configuration can be found in /src/wdyr.ts.

In order to turn it on, change the configuration accordingly:

if (process.env.NODE_ENV === 'development') {
    const whyDidYouRender = require('@welldone-software/why-did-you-render');
    whyDidYouRender(React, {
        trackAllPureComponents: true,
    });
}

Now you should be able to review rendering information in the console. If you do utilise this functionality, please remember to set the configuration back to spare other developers the noise in the console.

Run with a local instance of the unleash-api:

You need to first start the unleash-api on port 4242 before you can start working on unleash-frontend. Start webpack-dev-server with hot-reload:

cd ~/unleash-frontend
yarn install
yarn run start

Run with a heroku-hosted unleash-api:

cd ~/unleash-frontend
yarn install
yarn run start:heroku

UI Framework

We are using material-ui.

Happy coding!