Loading page

[firmianaw]

Description

Work off of branch hi/show-qr-code.

After scanning the QR code, the redirect tries to login in the user and then logs the points. While the points are being logged, the user is taken to the Loading page.

Although in most cases points logging happens quite quickly, slightly delaying how quickly the page appears and disappears would be helpful for a smoother user flow.

Todos

These points are a rough guideline. Please feel free to explore what the best way to design this feature is!

• Follow fonts/styling from the other pages.
• ‘Hang tight. We’re logging your points…’ is sufficient, but feel free to add other text as you see fit!
• A progress indicator would be helpful for the user! You can take a look at ChakraUI's Progress bar
• Ideally, the loading page would stay for 1-2 seconds (you'll probably have to add a manual delay to make sure the user gets this feedback)

Useful Links