[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

• [x] title, description, and value statement
• [x] acceptance criteria (scenarios)
• [x] mockups (all devices and themes)
• [x] labels added
• [x] US presented to DEV team (refinement)
• [x] attached to an epic
• [x] estimation (planning poker)
• [x] 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