1
0
mirror of https://github.com/Unleash/unleash.git synced 2024-10-18 20:09:08 +02:00
unleash.unleash/frontend
Youssef Khedher c34d8439bd Feat/splash (#491)
* splash screen

* add styles for controllers

* feat: animated circles

* fix: remove unused code

* fix: folder structure

* create splash screens for envs

* add styles and ui changes

* fix: revert App.tsx

* add splash state to store

* add splash to app.tsx + add a loader

* fix: mobile view + desktop view

* fix: render splash condition + styling fix

* fix: change splash display to full screen

* Update src/hooks/api/actions/useSplashApi/useSplashApi.ts

Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com>

* fix: change function type

Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com>

* fix: disable incrementing counter when matching the components length.

* fix: add SWR configuration

* fix: spelling mistakes in splash screen

* fix: add keys and adjust styling

* fix: tests

* fix: tests

* fix: default command timeout

Co-authored-by: Fredrik Oseberg <fredrik.no@gmail.com>
2021-11-26 11:12:37 +01:00
..
.github/workflows chore(deps): update metcalfc/changelog-generator action to v2 (#463) 2021-10-28 09:32:30 +02:00
cypress Feat/splash (#491) 2021-11-26 11:12:37 +01:00
public
src Feat/splash (#491) 2021-11-26 11:12:37 +01:00
.editorconfig
.gitignore
.nvmrc
.prettierignore
.prettierrc Fix/material UI cleanup (#264) 2021-04-12 15:04:03 +02:00
CHANGELOG.md Chore/update frontend 4.2.13 (#503) 2021-11-12 13:24:41 +01:00
craco.config.js
cypress.json Feat/splash (#491) 2021-11-26 11:12:37 +01:00
index.js
LICENSE
package.json chore(deps): update dependency sass to v1.43.5 2021-11-25 01:47:03 +00:00
README.md update doc: replace npm with yarn 2021-10-08 21:20:47 +01:00
renovate.json
tsconfig.json
typings.json
vercel.json fix: vercel mappings 2021-10-26 23:31:09 +02:00
yarn.lock chore(deps): update dependency sass to v1.43.5 2021-11-25 01:47:03 +00:00

Build Status

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 together with local 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 heroku hosted unleash-api:

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

UI Framework

We are using material-ui.

Happy coding!