[Wallet] Wallet connexion - Mobile behaviour

[ChaimaaZaoui]

Feature: [Wallet] Wallet connexion - Mobile behaviour

As an end-user navigating the portal on a Mobile
I want to connect my wallet
So that I have access to my know balance in order to accomplish transactions on the portal

Acceptance criteria

Scenario 1: Log in - Keplr available on mobile

Given that I am an end-user navigating the portal (on mobile)
When I click on wallet icon

• icon is white when disconnected

and I have keplr on my mobile
Then a redirection page is shown on the screen with the following text

OPENING KEPLR...
You are being redirected to Keplr App to connect your wallet. This may take a few seconds.

Scenario 2: Log in - Keplr not available on mobile

Given that I am an end-user navigating the portal (on mobile)
When I click on wallet icon

• icon is white when disconnected

And I don't have keplr on my mobile
Then a snackbar page is shown on the screen with the following text

KEPLR APP NOT AVAILABLE ON YOUR MOBILE
Please download the app to connect your wallet

And the snackbar closes automatically after 5 seconds

When the snackbar is displayed
And I want to close it before 5s
Then I click anywhere on the screen outside the snackbar

Scenario 3 : Log in - Wallet connected (on mobile)

Given that I am an end-user
And Keplr app has launched
When my Keplr account is connected
Then the wallet icon changes its colour to orange with a light background

Scenario 4 : Wallet menu (on mobile)

Given that I am an end-user
And my Keplr account is connected
When I click on the orange wallet icon
Then the wallet menu is dropped down
And the menu has

• Public key
• KNOW balance
• Log out Button

Scenario 5 : Log out button

Given that I am an end-user with a connected wallet
And the wallet menu is dropped down
When I click on the Log out button
Then my kepler wallet is to be logged out
And the menu takes its initial state of white wallet icon

Scenario 6 : Internationalisation

ENG:
Dropdown menu :

KNOW
Log out

Keplr not available snackbar :

KEPLR APP NOT AVAILABLE ON YOUR MOBILE
Please download the app to connect your wallet

Redirection screen :

OPENING KEPLR
You are being redirected to Keplr App to connect your wallet. This may take a few seconds.

FR
Dropdown menu :

KNOW
Déconnexion

Keplr not available snackbar :

L'APPLICATION KEPLR N'EST PAS DISPONIBLE SUR VOTRE MOBILE.
Veuillez télécharger l'application pour connecter votre portefeuille.

Redirection screen :

OUVERTURE DE KEPLR
Vous êtes redirigé vers l'application Keplr pour connecter votre portefeuille. Cela peut prendre quelques secondes.

DE
Dropdown menu :

KNOW
Abmelden

Keplr not available snackbar :

KEPLR APP NICHT AUF IHREM HANDY VERFÜGBAR
Bitte laden Sie die App herunter, um Ihre Geldbörse zu verbinden

Redirection screen :

ÖFFNEN VON KEPLR
Sie werden zur Keplr App weitergeleitet, um Ihre Brieftasche zu verbinden. Dies kann ein paar Sekunden dauern.

Resources

Mockups

More detail about the wallet is available in the design system and Figma Dev

Environment

• staging URL: https://app.staging.okp4.network/

Additional informations

None.

┆Issue is synchronized with this Wrike task by Unito

[ChaimaaZaoui]

Definition of ready

• title, description, and value statement
• acceptance criteria (scenarios)
• mockups (all devices and themes)
• labels added
• US presented to DEV team (refinement)
• attached to an epic
• estimation (planning poker)
• external dependencies if applicable

[ChaimaaZaoui]

• see if all these features are available on mobile
• get inspired from the very few main nets that have the feature
• Stargaze probably has the mobile feature

Estimation to be done 17th

[ChaimaaZaoui]

The colour of the drop down menu is to be edited @SpicySalm0n

[lolottetheclash]

According to keplr , it must be switched to mobile mode to implement this feature.

[ChaimaaZaoui]

Hey team! Please add your planning poker estimate with Zenhub @0xLodz @amimart @AnjaMis @ccamel @ErikssonJoakim @lolottetheclash