Update news and texts

app/frontend/components/common/infoModal.tsx

@@ -50,6 +50,42 @@ class InfoModal extends Component<Props, {dontShowAgainCheckbox: boolean; should
         <section className="welcome">
           <div className="welcome-body">
             <h2 className="welcome-title">AdaLite News</h2>
+            <h3 className="info-date">01/14/2021</h3>
+            <Article title="Multi-account support and partial delegation" icon="">
+              AdaLite is introducing the concept of wallet accounts. Apart from other benefits, this
+              should allow the users to delegate to multiple staking pools from a single wallet.
+              When compared to standard banking products, accounts in cryptocurrency wallets work
+              similarly as sub-accounts to your main bank account.
+            </Article>
+            <Alert alertType="news">
+              Please note, as of now, the accounts are supported only on AdaLite and you won’t be
+              able to access funds transferred to accounts other than the first account on different
+              wallets such as Daedalus and Yoroi. But it is very likely that this concept will be
+              introduced to other wallets in the future too.
+            </Alert>
+            <Article title="New features" icon="">
+              With the latest update, AdaLite adds two new tabs, the Account tab, and the Advanced
+              tab. <b>Advanced tab</b> shows some public keys related information about your wallet
+              and also interface for support of stake pool owners for Trezor and Ledger. For more
+              information about stakepool owner support read{' '}
+              <a href="#" target="_blank" rel="noopener">
+                here
+              </a>.
+            </Article>
+            <Article title="Account tab" icon="">
+              The main purpose of the <b>Accounts tab</b> is to enable users to switch between
+              accounts, transfer funds between them easily, and also to serve as a dashboard for
+              them. At the top of the page, you can see your total balance and total rewards balance
+              which is a sum of balances on all accounts. Please notice, the label of the Account
+              tab always displays the index of the currently active account. All the other content
+              (transaction history, balances, etc.) on the Sending, Staking, and Advanced tab always
+              corresponds to the currently active account. For more information about accounts, how
+              they work and how to use them on AdaLite, read here{' '}
+              <a href="#" target="_blank" rel="noopener">
+                here
+              </a>.
+            </Article>
+            <hr className="info-separator" />
             <h3 className="info-date">11/23/2020</h3>
             <Alert alertType="news">
               <b> WARNING: </b> According to latest information from IOHK, users should check the

app/frontend/components/pages/accounts/accountsDashboard.tsx

@@ -44,12 +44,20 @@ const AccountsDashboard = ({
       <div className="dashboard-column account sidebar-item info">
         <Alert alertType="info sidebar">
           <p>
-            Click explore/activate button to load data for related account. If you are using a
-            hardware wallet, you will be requested to export public key. Note that content on all
+            Click <b>Activate/Explore</b> button to load data for related account. If you are using
+            a hardware wallet, you will be requested to export public key. Note that content on all
             tabs corresponds to currently active account.
           </p>
         </Alert>
       </div>
+      <div className="dashboard-column account sidebar-item info">
+        <Alert alertType="info sidebar">
+          <p>
+            Click <b>Transfer</b> to move funds from one account to another. Then select the source
+            and the destinaiton accounts, amount of ADA and tranfer your funds.
+          </p>
+        </Alert>
+      </div>
       <div className="dashboard-column account info">
         <Alert alertType="warning sidebar">
           <p>

app/frontend/components/pages/advanced/poolOwner.tsx

@@ -122,8 +122,13 @@ const PoolOwnerCard = ({
       <div className="pool-registration-instructions">
         <div className="advanced-label">To become a pool owner</div>
         <ol>
-          <li>Download Staking CBOR hex in the keys tab.</li>
-          <li>TODO: the rest and description</li>
+          <li>Download Staking CBOR hex in the keys tab and send it to the Operator.</li>
+          <li>
+            Request a stake pool registration transaction from the Operator and upload it here.
+          </li>
+          <li>Press the "Sign" button and review the pool registration attributes.</li>
+          <li>Proceed by signing the transaction using your HW wallet.</li>
+          <li>Press the "Download signature" button and send the signature the pool operator.</li>
         </ol>
       </div>
       {shouldShowPoolCertSignModal && <SignPoolCertTxModal />}

app/frontend/localStorage.ts

@@ -1,9 +1,9 @@
 const localStorageVars = {
   WELCOME: 'dontShowDisclaimer',
-  INFO_MODAL: 'dontShowInfoModal_23.11.2020',
+  INFO_MODAL: 'dontShowInfoModal_14.01.2021',
   PREMIUM_BANNER: 'dontShowPremiumBanner',
   STAKING_BANNER: 'dontShowStakingBannerTestnet3',
-  BULK_EXPORT: 'dontBulkExportPubKeys4',
+  BULK_EXPORT: 'dontBulkExportPubKeys',
 }
 
 export {localStorageVars}

app/public/css/styles.css

@@ -1565,6 +1565,7 @@ li.main-tab input + label.selected:after {
   flex: 1 1 auto;
   padding-left: 40px;
   margin-left: 20px;
+  padding-right: 24px;
 }
 
 .account.info .alert-content {