From 72632836ac86f1082a7391525e3a9e42444ccfd1 Mon Sep 17 00:00:00 2001
From: lissavxo <lissavitoria12@gmail.com>
Date: Fri, 26 Dec 2025 13:35:13 -0300
Subject: [PATCH 1/2] fix: hidden buttons wallet edit form

---
 components/Paybutton/paybutton.module.css |   4 +-
 components/Wallet/EditWalletForm.tsx      | 102 +++++++++++-----------
 2 files changed, 54 insertions(+), 52 deletions(-)

diff --git a/components/Paybutton/paybutton.module.css b/components/Paybutton/paybutton.module.css
index b525998f2..9212b388e 100644
--- a/components/Paybutton/paybutton.module.css
+++ b/components/Paybutton/paybutton.module.css
@@ -144,9 +144,9 @@
   padding: 25px;
   border-radius: 10px;
   border: 1px solid var(--secondary-text-color);
-  overflow-y: auto;
   max-height: 90vh;
-  min-height: 44rem;
+  display: flex;
+  flex-direction: column;
 }
 
 .form_ctn p {
diff --git a/components/Wallet/EditWalletForm.tsx b/components/Wallet/EditWalletForm.tsx
index 8a5de2241..46225140d 100644
--- a/components/Wallet/EditWalletForm.tsx
+++ b/components/Wallet/EditWalletForm.tsx
@@ -87,60 +87,62 @@ export default function EditWalletForm ({ wallet, userAddresses, refreshWalletLi
               <h4>Edit {wallet.name}</h4>
               <div className={style_pb.form_ctn}>
                 <form onSubmit={(e) => { void handleSubmit(onSubmit)(e) }} method='post'>
-                  <label htmlFor='name'>Wallet Name</label>
-                  <input
-                    {...register('name')}
-                    type='text'
-                    id='name'
-                    name='name'
-                    placeholder={wallet.name}
-                    autoFocus
-                  />
-                  <h4>Addresses</h4>
-                  <div className={style.buttonlist_ctn}>
-                    {userAddresses.map((addr, index) => (
-                      <div className={style.input_field} key={`edit-addr-${addr.id}`}>
+                  <div style={{ overflowY: 'auto', maxHeight: 'calc(90vh - 150px)' }}>
+                    <label htmlFor='name'>Wallet Name</label>
+                    <input
+                      {...register('name')}
+                      type='text'
+                      id='name'
+                      name='name'
+                      placeholder={wallet.name}
+                      autoFocus
+                    />
+                    <h4>Addresses</h4>
+                    <div className={style.buttonlist_ctn}>
+                      {userAddresses.map((addr, index) => (
+                        <div className={style.input_field} key={`edit-addr-${addr.id}`}>
+                          <input
+                            type='checkbox'
+                            value={addr.id}
+                            id={`addressIdList.${index}`}
+                            defaultChecked={thisWalletAddressIdList.includes(addr.id)}
+                            onChange={ (e) => handleSelectedAddressesChange(e.target.checked, addr.id) }
+                          />
+                          <label htmlFor={`addressIdList.${index}`}>
+                            {addr.paybuttons.map((conn) => (
+                              <div className={style.buttonpill}>{conn.paybutton.name}</div>
+                            ))}
+                            <div className={style.addresslabel}>{addr.address}</div>
+                          </label>
+                        </div>
+                      ))}
+                    </div>
+                    <hr/>
+                    <div className={style.makedefault_ctn} key={`edit-wallet-${wallet.id}`}>
+                    {usedNetworks.some(network => network.ticker === 'xec') &&
+                      <div className={style.input_field}>
+                        <input
+                          {...register('isXECDefault')}
+                          defaultChecked={wallet.userProfile?.isXECDefault === true}
+                          type="checkbox"
+                          id='isXECDefault'
+                          disabled={wallet.userProfile?.isXECDefault === true}
+                        />
+                        <label htmlFor='xec-default' className={style.makedefault_margin}>Default XEC Wallet</label>
+                      </div>}
+                      {usedNetworks.some(network => network.ticker === 'bch') &&
+                      <div className={style.input_field}>
                         <input
-                          type='checkbox'
-                          value={addr.id}
-                          id={`addressIdList.${index}`}
-                          defaultChecked={thisWalletAddressIdList.includes(addr.id)}
-                          onChange={ (e) => handleSelectedAddressesChange(e.target.checked, addr.id) }
+                          {...register('isBCHDefault')}
+                          defaultChecked={wallet.userProfile?.isBCHDefault === true}
+                          type="checkbox"
+                          id='isBCHDefault'
+                          disabled={wallet.userProfile?.isBCHDefault === true}
                         />
-                        <label htmlFor={`addressIdList.${index}`}>
-                          {addr.paybuttons.map((conn) => (
-                            <div className={style.buttonpill}>{conn.paybutton.name}</div>
-                          ))}
-                          <div className={style.addresslabel}>{addr.address}</div>
-                        </label>
+                        <label htmlFor='bch-default' className={style.makedefault_margin}>Default BCH Wallet</label>
                       </div>
-                    ))}
-                  </div>
-                  <hr/>
-                  <div className={style.makedefault_ctn} key={`edit-wallet-${wallet.id}`}>
-                  {usedNetworks.some(network => network.ticker === 'xec') &&
-                    <div className={style.input_field}>
-                      <input
-                        {...register('isXECDefault')}
-                        defaultChecked={wallet.userProfile?.isXECDefault === true}
-                        type="checkbox"
-                        id='isXECDefault'
-                        disabled={wallet.userProfile?.isXECDefault === true}
-                      />
-                      <label htmlFor='xec-default' className={style.makedefault_margin}>Default XEC Wallet</label>
-                    </div>}
-                    {usedNetworks.some(network => network.ticker === 'bch') &&
-                    <div className={style.input_field}>
-                      <input
-                        {...register('isBCHDefault')}
-                        defaultChecked={wallet.userProfile?.isBCHDefault === true}
-                        type="checkbox"
-                        id='isBCHDefault'
-                        disabled={wallet.userProfile?.isBCHDefault === true}
-                      />
-                      <label htmlFor='bch-default' className={style.makedefault_margin}>Default BCH Wallet</label>
-                    </div>
 }
+                    </div>
                   </div>
 
                   <div className={style_pb.btn_row2}>

From 9d7e01c11193dea825bf655714f015fc17a223c1 Mon Sep 17 00:00:00 2001
From: lissavxo <lissavitoria12@gmail.com>
Date: Fri, 26 Dec 2025 22:46:34 -0300
Subject: [PATCH 2/2] refactor: clean up

---
 components/Wallet/EditWalletForm.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Wallet/EditWalletForm.tsx b/components/Wallet/EditWalletForm.tsx
index 46225140d..91b412421 100644
--- a/components/Wallet/EditWalletForm.tsx
+++ b/components/Wallet/EditWalletForm.tsx
@@ -110,7 +110,7 @@ export default function EditWalletForm ({ wallet, userAddresses, refreshWalletLi
                           />
                           <label htmlFor={`addressIdList.${index}`}>
                             {addr.paybuttons.map((conn) => (
-                              <div className={style.buttonpill}>{conn.paybutton.name}</div>
+                              <div key={conn.addressId} className={style.buttonpill}>{conn.paybutton.name}</div>
                             ))}
                             <div className={style.addresslabel}>{addr.address}</div>
                           </label>
@@ -128,7 +128,7 @@ export default function EditWalletForm ({ wallet, userAddresses, refreshWalletLi
                           id='isXECDefault'
                           disabled={wallet.userProfile?.isXECDefault === true}
                         />
-                        <label htmlFor='xec-default' className={style.makedefault_margin}>Default XEC Wallet</label>
+                        <label htmlFor='isXECDefault' className={style.makedefault_margin}>Default XEC Wallet</label>
                       </div>}
                       {usedNetworks.some(network => network.ticker === 'bch') &&
                       <div className={style.input_field}>
@@ -139,7 +139,7 @@ export default function EditWalletForm ({ wallet, userAddresses, refreshWalletLi
                           id='isBCHDefault'
                           disabled={wallet.userProfile?.isBCHDefault === true}
                         />
-                        <label htmlFor='bch-default' className={style.makedefault_margin}>Default BCH Wallet</label>
+                        <label htmlFor='isBCHDefault' className={style.makedefault_margin}>Default BCH Wallet</label>
                       </div>
 }
                     </div>