How to test console UI - cniackz/public GitHub Wiki

  • To modify ui you can play around with portal-ui/src/screens/Console/HealthInfo/HealthInfo.tsx
  • yarn build when you want to have all in the binary to test in 9090 for example <--- when we see bunch of red files gst.
  • yarn install to directly test in port 5005 without having to build to test in 5005 <--- faster

To test UI Changes on Port 5005:

Advantage: You can change UI and see reflected the change right away.

  1. MinIO
MINIO_ROOT_USER=minio MINIO_ROOT_PASSWORD=minio123 minio server /Volumes/data{1...4} --address :9000 --console-address :9001
  1. console server
sudo rm -rf ~/go
cd ~/console
make install
~/go/bin/console server
  1. 5005
cd ~/console/portal-ui
yarn install
yarn run start

To test UI Changes on Port 9090:

Disadvantage: You cannot change UI and see reflected the change right away. Rather you will have to recompile and run binary all over after each change.

  1. Change the UI in something is visible and you can remember.

  2. MinIO

MINIO_ROOT_USER=minio MINIO_ROOT_PASSWORD=minio123 minio server /Volumes/data{1...4} --address :9000 --console-address :9001
  1. Build Assets
cd /Users/cniackz/console/portal-ui
yarn && yarn build
  1. Create the Binary with the built assets on it
cd /Users/cniackz/console
make
./console server
  1. Now you will see the change on the UI on port 9090 because you compiled GO Binary with Built Assets inside of it: