Refactoring loading icon display at API request

[itutu-tienday]

• Modifications

  • Reorganization of existing code
  • Unified variable names
  • Unification of component coding format
  • Add new loading icon display
  • Workflow screen
    • Initial display
  • Record screen
    • get experiments
    • delete experiment

• Test case

  • Check the loading icon on the following screen
  • standalone mode
  • Workflow screen
    • Initial display
  • Record screen
    • get experiments
    • delete experiment
  • Visualize screen
    • show ROI
  • multiuser mode
  • Add the following to the standalone mode case
  • Workspace screen
  • Account screen
  • AccountManager screen

• Test Result

  • standalone mode

standalone-loading-icon.webm

• multiuser mode

multiuser-loading-icon.webm

[itutu-tienday]

@tsuchiyama-araya @milesAraya please review this PR.

[milesAraya]

I was able to see the loading wheel in Native version. Because of the speed of the M3 chip, I needed to add a sleep pause to see the loading wheel. Added these lines to workflow.py): async def fetch_last_experiment(workspace_id: str): last_expt_config = ExptUtils.get_last_experiment(workspace_id) import time time.sleep(2) import logging logging.info("Loading icon should be displayed now")

However, with Docker I was not able to see the loading icon. The logging still occurred correctly

studio-dev-be-1 | 2024-07-08 20:01:28,341 INFO: [root] fetch_last_experiment():35 - Loading icon should be displayed now

Note, I have had issues with Docker on my PC. The.e is also a chance this is related to using an M3 chip/

[tsuchiyama-araya]

こちらをDockerで確認したところ、 Loadingアイコンを確認できませんでした。

行った作業 ・feature/refactor-api-loading-iconのブランチに切り替えました ・docker compose up -d でDockerを立ち上げました ・動作確認

[milesAraya]

The loading icon appeared in native and also in docker in the frontend container.