passbook components init

src/components/passbook/invoice-card/invoice.tsx

@@ -0,0 +1 @@
+export {};

src/components/passbook/transaction-card/transaction.tsx

@@ -0,0 +1 @@
+export {};

src/pages/accounts/accounts.module.scss

@@ -78,6 +78,7 @@
 
             span {
                 vertical-align: middle;
+                letter-spacing: 0.5px;
             }
 
             svg {

src/pages/accounts/accounts.tsx

@@ -56,6 +56,15 @@ const Accounts: React.FC = () => {
                         </li>
                     </ul>
                 </section>
+
+                <section className={styles.allTransacations}>
+                    <div className={styles.card}>
+                        <header>
+                            <h5> Pending Invoices </h5>
+                            <a> See All </a>
+                        </header>
+                    </div>
+                </section>
                 
             </IonContent>
         </IonPage>