[QRCODE] Update greeting screen on 1st login

[tprudentova]

Goal of the feature

To let users know what to do when they sign up to TWP. To avoid completely empty Twake Chat when user has no contacts

User story

https://www.notion.so/linagora/As-a-user-I-want-to-understand-how-to-start-chatting-on-my-1st-login-a32747693b4043cc89f65f8c76cd5685

Acceptance criteria

1. I understand that to synchronize my contacts and chats I need to download the mobile app
2. I see a QR code, scanning which redirects me to app store
3. If I have IOS, I'm redirected to App Store, if I have Android, I'm redirected to Play Market
4. I see clickable links to Google Play and App Store

Design

https://www.figma.com/design/uLw3iWnOEGaRlJnfPz4Pv0/Twake-%5BMatrix%5D?node-id=25506-46559&node-type=frame&t=EMRyR8oOiWsBT6Na-0

[hoangdat]

What happen in case of user installed mobile app?

[tprudentova]

@hoangdat the behaviour for mobile doesn't change from the current behaviour, the changes only apply to the web version

[hoangdat]

I see a QR code, scanning which automatically signs me into Twake Chat app (given that I have it downloaded)

We should have our app scanning code.

[hoangdat]

I see clickable links to Google Play and App Store

It means that, user can click directly to google store/apple store in this view? For what?

[tprudentova]

@hoangdat considering your question about the QR-code only existing in the desktop app We don't need a QR-code in the mobile app because 1) We cannot scan it anyway 2) The mobile app can be used as a stand-alone tool, it already has contacts synchronisation. Unlike mobile app, the desktop version is completely empty on 1st login, we need to remind users that we are mobile-first, and they need to use the mobile app to start chats with contacts in their address book

[hoangdat]

The question is, how to scan the code to login the app in case of app was installed in mobile?

[hoangdat]

@shepilov @tprudentova , we should have QR code with deep link: https://twake.app?access_token=1234.

In cases:

• app not install, user can use any QR code scanner to scan deeplink, then open our landing page, landing page will have link to store to download app
• app installed, open app directly, and execute login. (Should have a QR code scanner inside app)

And remove 2 useless buttons to download app from store in this screen

[hoangdat]

• Deep link flutter: https://docs.flutter.dev/ui/navigation/deep-linking

• Deep links FAQ: https://firebase.google.com/support/dynamic-links-faq?hl=en&authuser=4&_gl=1*fjs7px*_ga*MzQ2Nzg4NTEwLjE3MjY0ODAyODM.*_ga_CW55HF8NVT*MTcyOTY5MjU3Ni40LjEuMTcyOTY5MjYwMy4zMy4wLjA.