Improve Cold Start requests by adding timeout and blocking user input

[AntonioMrtz]

Description

Improve Cold Start requests by adding timeout and blocking user input like buttons when the request is being processed

Context

In production, when the server is having a cold start, there're multiple requests that can block the app until a response is given. Cold start can be near 50s. We want to cancel the request if it's taking too long.

How to do it

There're 3 requests that can be done for connecting for the first time with the server:

• Autologin | StartMenu.tsx
• Login | StartMenu.tsx
• Sign up | RegisterMenu.tsx

To solve this we expect to:

• Make the request timeout if it takes more than 5s (autologin, login, sign up)
• If timeout is reached show cold start message already implemented
• Block user input while processing the request (cant click login, sign up and login/sign switch buttons
• Show loading circle when one of the requests is being made

Testing

Show the expected result ( popover message ) is thrown when start requests take more than a fixed amount of time

[AntonioMrtz]

Autologin + register + login request throw error cold start message if connection is taking too long (timeout)

Investigate multiple user registered with same name when spamming button on prod app

Improve cold start message on login/register logic

[gigigimay]

Hi, I would like to work on this. Could you assign me this issue?

[AntonioMrtz]

Hi @gigigimay , all yours :). Tell my if you need anything, we also have the project docs here