Fix argent mobile Wallet connection

[MSghais]

Description

Starknet connection connector for Argent mobile, Web email with Argent.

apps/mobile

• Add MenuDropdown in Navbar for Profile Account and connection
• Screen for Starknet wallet/account balance
• Component of Starknet account modal like apps/pwa have, with username, ens, address and some cool things related to AFK.
• Fix argent mobile connection in apps/mobile: Need to be for Web and Mobile (Android and IOS)
• Account.address takes time to refresh in LaunchActionsComponent and others components
• Verify why the Load of Starknet call contract timeout sometimes
• Wallet module
• Create AccountStarknet component.
• Add AccountStarknet Navbar profile wallet used in the Router.tsx
• Add wallet view in Wallet

apps/pwa

• Fix reload connection in apps/pwa and packages/pixel_ui
• Direct change of the Place pixel button when you are connected. We need to refresh atm to see another button action possible unfortunately

[ShantelPeters]

Can I work on this @MSghais ?

[Michaelkingsdev]

Hi @MSghais
Can i work on this? I have the skillset to tackle this issue. My ETA is 3days.

[Joewizy]

Is this issue still available?

[Supa-mega]

I’m interested in this one.

[ikezuby2012]

I am a full-stack software engineer with expertise in building dynamic web portals and dashboards. My skillset includes React, Next.js, Tailwind CSS, and ShadCN UI, which I use to create efficient and user-friendly applications. My estimated time of delivery for most projects is just three days. To see an example of my work, you can explore the project here: Fitness King.

[bruhhgnik]

Im experienced in this, I recently used argent sdk for a telegram app for DOJO gamejam, i think i'd like to help with this.

[aniruddhaaps]

To fix this issue I would
Implement and debug Starknet connectors for Argent on mobile (Android and iOS) and web, enabling seamless WalletConnect integrations for both email and mobile workflows.
Develop the AccountStarknet component and include it in the Navbar within Router.tsx to have consistent wallet profiles.
For the Wallet UI I would add a detailed view in the wallet and fix reload connections issues in apps/pwa as well as packages/pixel_ui.

[ncoquelet]

Could I try solving this?

[Rayguti]

Why I’m Interested: This issue aligns well with my experience in mobile and web development, particularly with integrating blockchain wallets and improving user experiences across platforms. I am excited to contribute to enhancing the Argent app by improving wallet connectivity and ensuring smooth integration across both web and mobile environments.

Proposed Approach:

Mobile App Development (apps/mobile):
    Menu Dropdown for Profile and Connection:
        Add a dropdown menu in the Navbar to allow users to manage their profile and connect/disconnect their wallets.
    Fix Argent Mobile Connection (for Android and iOS):
        Resolve issues with the Argent mobile connection to ensure it works seamlessly across both Android and iOS platforms.
        Ensure the wallet connection works with both Web and Mobile versions (cross-platform integration).
    Wallet Module:
        Develop or update the wallet module to manage wallet connections and user profiles.
    Create AccountStarknet Component:
        Implement the AccountStarknet component to allow users to interact with their Starknet accounts within the app.
    Navbar Profile Wallet:
        Add the profile wallet view in the Navbar to show the connected wallet's address and relevant details in the Router.tsx file.

Web App (apps/pwa):
    Fix Reload Connection in apps/pwa and packages/pixel_ui:
        Address any issues with connection reloading to ensure a stable and reliable connection process.
        Update relevant parts of apps/pwa and packages/pixel_ui to properly handle connection states, ensuring users are always connected.

Testing and Validation:
    Ensure proper testing for wallet connection and disconnection.
    Test the functionality across both web and mobile versions to verify seamless wallet integration.
    Test the user experience of navigating through the profile and wallet management system.

Adhere to Guidelines:
    Follow the contributor’s guide for proper structure, best practices, and consistency within the app.
    Ensure the code aligns with the overall project architecture, especially for multi-platform compatibility.

Outcome: The integration of Starknet connection for both Argent mobile and web will allow users to easily manage their wallets and profiles across platforms. This will provide a smooth and unified experience for all users, improving wallet connectivity and functionality in both web and mobile environments.

[OWK50GA]

May I take this issue on?
I've worked on this exact kind of issue before (fixing Argent mobile), and I can deliver this within a day and half

[KevinMomanyi]

Is this issue still available?

[CEOliam]

Mind if I try this one?

[Unickhub]

Can I work on this, please?

[7-falseparfait]

I would love to work on this.

[Yunusabdul38]

May I be assigned to this?
I have solid experience with contract integration and have worked on multiple web3 projects (open source and personal projects)

[bestselection18]

Could I try solving this?

[Jagadeeshftw]

Hi,
I’d love to work on this issue as I have strong experience in developing secure and efficient smart contracts using Cairo and deploying them on StarkNet. Please assign this to me, and I’ll ensure to deliver a robust and high-quality PR within 12-24 hours.

[1nonlypiece]

Hi ,
I’d like to work on this issue as I have experience in building frontend interfaces using frameworks like React and Next.js.

ETA:
I estimate completing this task in about 12-24 hours. Let me know if I can get started!

[greatest0falltime]

Hi,

I’d be thrilled to work on this issue as I have extensive experience with front-end technologies, including React and Next.js.

ETA:
I expect to have a working solution ready within the next 24 hours. Kindly let me know if I can proceed!

Looking forward to contributing!

[Amarjeet325]

Can I take this issue?

[melnikga]

Can I contribute to this one?
Hi, my name is Georgiy, I'm a fullstack blockchain developer. I have extensive experience in developing tools for Starknet, and I've participated in almost all ODHacks, during which I worked on many projects. My OnlyDust profile: https://app.onlydust.com/u/melnikga

[AnoukRImola]

Hello @MSghais!

My name is Anouk Rímola, and I’m a frontend developer. Could you give me the opportunity to work on this issue?

I have experience with React Native and also integrating Argent Mobile using starknetkit/argentMobile.

I hadn’t seen this project before; it’s really interesting -

[sonkeydotcom]

I would like to take on this task. ETA 5days.

I have extensive experience as a senior full-stack developer with expertise in React Native, Expo, web APIs, and backend technologies like Node.js and Firebase. My strong background in building end-to-end systems makes me confident in delivering this task efficiently.

[kayceeDev]

Can I attempt this issue?

My name is Ekene and i am fullstack engineer with 4 years of solid in software engineering.
I'm able to tackle this task by investigating the codebase and make the required changes utilizing industry-standard frameworks and library to make the proper fix.

I am highly skilled in typescript, javascript, go and cairo. This will enable make a robust and scalable contibutions.

[DuendexCR]

I’d like to resolve this.

[michojekunle]

Can I work on this, please?

[greatest0falltime]

Hi @MSghais , I’d be thrilled to work on this issue as I have extensive experience with front-end technologies, including React and Next.js & Web3 integrations.

ETA:
I expect to have a working solution ready within the next 3 days. Kindly let me know if I can proceed!

Looking forward to contributing!

[Dorcas18]

Is it okay if I tackle this?

[Amarjeet325]

Hi , I am a full stack developer is a versatile professional skilled in both front-end and back-end development, capable of designing user interfaces, building robust server-side applications, and managing databases.
Can I take this from here? Thank you !

[BrunoAmbricca]

I would like to work on this issue

[Akshola00]

can i work on this
hi im Akinshola Akinniyi a smart contract dev on starknet with cairo, with my experience I am confident I can handle this.
please assign this issue to me
eta 1 day

[Psalmuel01]

I am super experienced in writing staking contracts logic.

About me:
I am a software engineer with strong technical skills and expertise in developing fully functional dapps. I also have experience in writing Cairo smart contracts, so I know the modalities around it. I have developed many such frontends with excellent integrations as you'd find all around my repos.

More recently, I have contributed to some starkness projects like Custos Diretriz (https://github.com/Psalmuel01/Custos-Dapp) and Chainevents (https://github.com/Psalmuel01/chainevents-contracts). My GitHub has a lot of proof of work, as well.

Leveraging on my skills and experience, l am confident in my ability to tackle new challenges and also solve complex technical issues.

Tackling this issue
• Given my experience in integrating frontend with smartcontracts, I will ensure the frontend is exactly configured to fit the deployed contract, until it functions seamlessly.

ETA: 12 hours

[danielrobotz]

I’d like to help with this.

[VyuduInc]

Let me jump in and sling some code on this. Balancing projects is my jam, and I’m here to help push this forward and make some history. Let’s build.

[bishal7448]

May I try my hand at this?

[ekumamatthew]

I'd love to give this a go.

[chiscookeke11]

I'd be happy to do this.

[Verifieddanny]

I am a Frontend Developer, i have experience in Typescript and i have read all the requirements in the documentation, and i am happy to contribute to this task. This task is within my capabilities. My ETA is 10 hours

[davedumto]

Hi, my name is David, and I am a frontend developer skilled in React, Next.js, JavaScript, TypeScript, Tailwind CSS, Shadcn. For this task, I will:

• Add MenuDropdown for Profile Account and connection.
• Implement Starknet wallet/account balance screen.
• Create Starknet account modal with relevant details.
• Fix Argent mobile connection for Web, Android, and iOS.
• Address Account.address refresh delay and Starknet call timeouts.
• Create AccountStarknet component and integrate it into Navbar.
• Resolve reload connection and Place Pixel button update issues.

ETA: 12 hours.

[blessingbytes]

Can I work on this issue