YourBanK logoYourBanK

RightSidebar

Right sidebar component displaying user profile and bank cards.

Usage

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { RightSidebar } from "@/components/bank/right-sidebar"

export default function DashboardLayout() {
  return (
    <div className="flex">
      <main>{children}</main>
      <RightSidebar
        user={user}
        transactions={transactions}
        banks={banks}
      />
    </div>
  )
}

Props

user

User object containing profile information.

Type: {firstName: string, lastName: string, email: string}

transactions

Array of transaction objects.

Type: Transaction[]

banks

Array of bank account objects.

Type: BankAccount[]