From 3389e6de8fb66a830db360ceb759d7174fd80d88 Mon Sep 17 00:00:00 2001
From: kushagrasarathe <76868364+kushagrasarathe@users.noreply.github.com>
Date: Wed, 22 Jan 2025 00:24:39 +0530
Subject: [PATCH 1/2] fix: prev conflict messup when merging pr's

---
 src/app/(mobile-ui)/home/page.tsx   |  6 ++++--
 src/app/(mobile-ui)/wallet/page.tsx | 25 ++++++++++++-------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/app/(mobile-ui)/home/page.tsx b/src/app/(mobile-ui)/home/page.tsx
index aa2a7ed7..8fda8841 100644
--- a/src/app/(mobile-ui)/home/page.tsx
+++ b/src/app/(mobile-ui)/home/page.tsx
@@ -43,13 +43,15 @@ export default function Home() {
     const selectedWalletIndex = rawIndex === -1 ? 0 : rawIndex
     const [focusedIndex, setFocusedIndex] = useState(selectedWalletIndex)
 
-    // update focusedIndex when selectedWallet changes
+    // update focusedIndex and focused wallet when selectedWallet changes
     useEffect(() => {
         const index = wallets.findIndex((wallet) => wallet.address === selectedWallet?.address)
         if (index !== -1) {
             setFocusedIndex(index)
+            // also update the focused wallet when selected wallet changes
+            dispatch(walletActions.setFocusedWallet(wallets[index]))
         }
-    }, [selectedWallet, wallets])
+    }, [selectedWallet, wallets, dispatch])
 
     const hasWallets = wallets.length > 0
     const { handleLogin, isLoggingIn } = useZeroDev()
diff --git a/src/app/(mobile-ui)/wallet/page.tsx b/src/app/(mobile-ui)/wallet/page.tsx
index ccf9a884..38e3251d 100644
--- a/src/app/(mobile-ui)/wallet/page.tsx
+++ b/src/app/(mobile-ui)/wallet/page.tsx
@@ -9,26 +9,25 @@ import NavHeader from '@/components/Global/NavHeader'
 import { WalletCard } from '@/components/Home/WalletCard'
 import { useAuth } from '@/context/authContext'
 import { useWallet } from '@/hooks/wallet/useWallet'
-import { IUserBalance, WalletProviderType } from '@/interfaces'
+import { IUserBalance } from '@/interfaces'
+import { useWalletStore } from '@/redux/hooks'
 import { formatAmount, getChainName, getUserPreferences, updateUserPreferences } from '@/utils'
 import { useAppKit, useDisconnect } from '@reown/appkit/react'
 import { useState } from 'react'
 import { twMerge } from 'tailwind-merge'
 
 const WalletDetailsPage = () => {
-    const { selectedWallet, isConnected } = useWallet()
     const { open } = useAppKit()
     const { disconnect } = useDisconnect()
+    const { focusedWallet, wallets } = useWalletStore()
+    const { isConnected } = useWallet()
+    const { username } = useAuth()
     const [isBalanceHidden, setIsBalanceHidden] = useState(() => {
         const prefs = getUserPreferences()
         return prefs?.balanceHidden ?? false
     })
 
-    const { username } = useAuth()
-    const isActiveWalletPW = selectedWallet?.walletProviderType === WalletProviderType.PEANUT
-    const isActiveWalletBYOW = selectedWallet?.walletProviderType === WalletProviderType.BYOW
-
-    console.log('selectedWallet', selectedWallet)
+    const walletDetails = wallets.find((wallet) => wallet.address === focusedWallet)
 
     const handleToggleBalanceVisibility = (e: React.MouseEvent<HTMLButtonElement>) => {
         e.stopPropagation()
@@ -46,11 +45,11 @@ const WalletDetailsPage = () => {
             </div>
 
             <div className="mx-auto">
-                {selectedWallet && (
+                {focusedWallet && walletDetails && (
                     <WalletCard
-                        key={selectedWallet.address}
+                        key={walletDetails.address}
                         type="wallet"
-                        wallet={selectedWallet}
+                        wallet={walletDetails}
                         username={username ?? ''}
                         selected
                         onClick={() => {}}
@@ -75,14 +74,14 @@ const WalletDetailsPage = () => {
 
             <div
                 className={twMerge(
-                    selectedWallet?.balances && !!selectedWallet?.balances?.length ? 'border-b border-b-n-1' : ''
+                    walletDetails?.balances && !!walletDetails?.balances?.length ? 'border-b border-b-n-1' : ''
                 )}
             >
-                {!!selectedWallet?.balances?.length ? (
+                {!!walletDetails?.balances?.length ? (
                     <div className="space-y-3">
                         <div className="text-base font-semibold">Balance</div>
                         <div>
-                            {selectedWallet.balances.map((balance: IUserBalance) => (
+                            {walletDetails.balances.map((balance: IUserBalance) => (
                                 <ListItemView
                                     key={`${balance.chainId}-${balance.symbol}`}
                                     id={`${balance.chainId}-${balance.symbol}`}

From 61bf684a11e22b7611b73e51266175180e9c2a58 Mon Sep 17 00:00:00 2001
From: kushagrasarathe <76868364+kushagrasarathe@users.noreply.github.com>
Date: Wed, 22 Jan 2025 00:41:50 +0530
Subject: [PATCH 2/2] feat: add wallet header in req view

---
 .../Request/Create/Views/Initial.view.tsx     | 146 +++++++++---------
 1 file changed, 75 insertions(+), 71 deletions(-)

diff --git a/src/components/Request/Create/Views/Initial.view.tsx b/src/components/Request/Create/Views/Initial.view.tsx
index 347317b4..3f8f4797 100644
--- a/src/components/Request/Create/Views/Initial.view.tsx
+++ b/src/components/Request/Create/Views/Initial.view.tsx
@@ -2,6 +2,7 @@ import { Button, Card } from '@/components/0_Bruddle'
 import { getTokenDetails } from '@/components/Create/Create.utils'
 import AddressInput from '@/components/Global/AddressInput'
 import FileUploadInput, { IFileUploadInputProps } from '@/components/Global/FileUploadInput'
+import FlowHeader from '@/components/Global/FlowHeader'
 import Loading from '@/components/Global/Loading'
 import TokenAmountInput from '@/components/Global/TokenAmountInput'
 import TokenSelector from '@/components/Global/TokenSelector/TokenSelector'
@@ -165,80 +166,83 @@ export const InitialView = ({
     }, [isPeanutWallet, selectedWallet?.address])
 
     return (
-        <Card className="shadow-none sm:shadow-primary-4">
-            <Card.Header>
-                <Card.Title>Request a payment</Card.Title>
-                <Card.Description>
-                    Choose the amount, token and chain. You will request a payment to your wallet. Add an invoice if you
-                    want to.
-                </Card.Description>
-            </Card.Header>
-            <Card.Content>
-                <div className="flex w-full flex-col items-center justify-center gap-3">
-                    <TokenAmountInput
-                        className="w-full"
-                        setTokenValue={(value) => {
-                            _setTokenValue(value ?? '')
-                        }}
-                        tokenValue={_tokenValue}
-                        onSubmit={() => {
-                            handleOnNext({
-                                recipientAddress,
-                                tokenAddress: selectedTokenAddress,
-                                chainId: selectedChainID,
-                                userBalances: selectedWallet?.balances ?? [],
-                                tokenValue,
-                                tokenData: selectedTokenData,
-                                attachmentOptions,
-                            })
-                        }}
-                    />
-                    {isExternalWallet && <TokenSelector shouldBeConnected={false} />}
-                    <FileUploadInput
-                        attachmentOptions={attachmentOptions}
-                        setAttachmentOptions={setAttachmentOptions}
-                    />
-                    {isExternalWallet && (
-                        <AddressInput
-                            placeholder="Enter recipient address"
-                            value={recipientAddress ?? ''}
-                            onUpdate={(update: InputUpdate) => {
-                                setRecipientAddress(update.value)
-                                setInputChanging(update.isChanging)
-                                setIsValidRecipient(update.isValid)
-                            }}
+        <div>
+            <FlowHeader />
+            <Card className="shadow-none sm:shadow-primary-4">
+                <Card.Header>
+                    <Card.Title>Request a payment</Card.Title>
+                    <Card.Description>
+                        Choose the amount, token and chain. You will request a payment to your wallet. Add an invoice if
+                        you want to.
+                    </Card.Description>
+                </Card.Header>
+                <Card.Content>
+                    <div className="flex w-full flex-col items-center justify-center gap-3">
+                        <TokenAmountInput
                             className="w-full"
+                            setTokenValue={(value) => {
+                                _setTokenValue(value ?? '')
+                            }}
+                            tokenValue={_tokenValue}
+                            onSubmit={() => {
+                                handleOnNext({
+                                    recipientAddress,
+                                    tokenAddress: selectedTokenAddress,
+                                    chainId: selectedChainID,
+                                    userBalances: selectedWallet?.balances ?? [],
+                                    tokenValue,
+                                    tokenData: selectedTokenData,
+                                    attachmentOptions,
+                                })
+                            }}
                         />
-                    )}
-                    <Button
-                        onClick={() => {
-                            handleOnNext({
-                                recipientAddress,
-                                tokenAddress: selectedTokenAddress,
-                                chainId: selectedChainID,
-                                userBalances: selectedWallet?.balances ?? [],
-                                tokenValue,
-                                tokenData: selectedTokenData,
-                                attachmentOptions,
-                            })
-                        }}
-                        disabled={!isValidRecipient || inputChanging || isLoading || !_tokenValue}
-                    >
-                        {isLoading ? (
-                            <div className="flex w-full flex-row items-center justify-center gap-2">
-                                <Loading /> {loadingState}
-                            </div>
-                        ) : (
-                            'Confirm'
+                        {isExternalWallet && <TokenSelector shouldBeConnected={false} />}
+                        <FileUploadInput
+                            attachmentOptions={attachmentOptions}
+                            setAttachmentOptions={setAttachmentOptions}
+                        />
+                        {isExternalWallet && (
+                            <AddressInput
+                                placeholder="Enter recipient address"
+                                value={recipientAddress ?? ''}
+                                onUpdate={(update: InputUpdate) => {
+                                    setRecipientAddress(update.value)
+                                    setInputChanging(update.isChanging)
+                                    setIsValidRecipient(update.isValid)
+                                }}
+                                className="w-full"
+                            />
                         )}
-                    </Button>
-                </div>
-                {errorState.showError && (
-                    <div className="text-start">
-                        <label className=" text-h8 font-normal text-red ">{errorState.errorMessage}</label>
+                        <Button
+                            onClick={() => {
+                                handleOnNext({
+                                    recipientAddress,
+                                    tokenAddress: selectedTokenAddress,
+                                    chainId: selectedChainID,
+                                    userBalances: selectedWallet?.balances ?? [],
+                                    tokenValue,
+                                    tokenData: selectedTokenData,
+                                    attachmentOptions,
+                                })
+                            }}
+                            disabled={!isValidRecipient || inputChanging || isLoading || !_tokenValue}
+                        >
+                            {isLoading ? (
+                                <div className="flex w-full flex-row items-center justify-center gap-2">
+                                    <Loading /> {loadingState}
+                                </div>
+                            ) : (
+                                'Confirm'
+                            )}
+                        </Button>
                     </div>
-                )}
-            </Card.Content>
-        </Card>
+                    {errorState.showError && (
+                        <div className="text-start">
+                            <label className=" text-h8 font-normal text-red ">{errorState.errorMessage}</label>
+                        </div>
+                    )}
+                </Card.Content>
+            </Card>
+        </div>
     )
 }