diff --git a/src/AccountList.tsx b/src/AccountList.tsx
index 50d045b..611fbb0 100644
--- a/src/AccountList.tsx
+++ b/src/AccountList.tsx
@@ -1,10 +1,9 @@
 import React from "react";
 import Dropdown from "react-bootstrap/Dropdown";
 
-import { IAccount } from "jmap-client-ts/lib/types";
+import { IAccount, AccountIdMap } from "./types";
 
-type AccountIdMap = { [accountId: string]: IAccount };
-type AccountListProps = {
+export type AccountListProps = {
 	account: IAccount | null;
 	accounts: AccountIdMap;
 };
diff --git a/src/App.tsx b/src/App.tsx
index f938d7c..e9c5895 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,10 +2,10 @@ import "./App.css";
 import "bootstrap/dist/css/bootstrap.min.css";
 import * as base64 from "base-64";
 import { Client } from "jmap-client-ts";
-import { IAccount, ISession } from "jmap-client-ts/lib/types";
 import { FetchTransport } from "jmap-client-ts/lib/utils/fetch-transport";
 
-import AccountList from "./AccountList";
+import { IAccount, ISession } from "./types";
+import AppLayout from "./AppLayout";
 import AuthModal from "./AuthModal";
 import React from "react";
 
@@ -63,7 +63,15 @@ class App extends React.Component<AppProps, AppState> {
 				const session = this.client.getSession();
 				this.setState({
 					...this.state,
-					session: session,
+					session: {
+						...session,
+						accounts: Object.fromEntries(
+							Object.entries(session.accounts).map(([key, account]) => [
+								key,
+								{ ...account, id: key.toString(), mailboxes: [] },
+							]),
+						),
+					},
 				});
 			})
 			.catch((error) => console.error(error));
@@ -133,9 +141,10 @@ class App extends React.Component<AppProps, AppState> {
 		return (
 			<div className="App">
 				{this.state && this.state.session ? (
-					<AccountList
+					<AppLayout
 						account={this.account()}
 						accounts={this.state.session.accounts}
+						client={this.client}
 					/>
 				) : (
 					<AuthModal onLogin={this.onLogin}></AuthModal>
diff --git a/src/AppLayout.tsx b/src/AppLayout.tsx
new file mode 100644
index 0000000..99b88ad
--- /dev/null
+++ b/src/AppLayout.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import Container from "react-bootstrap/Container";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+
+import AccountList, { AccountListProps } from "./AccountList";
+import MailboxList from "./MailboxList";
+import { IAccount, TopProps } from "./types";
+
+const AppLayout: React.FC<TopProps> = (props) => {
+	return (
+		<Container>
+			<Row>
+				<Col>
+					<AccountList {...props} />
+				</Col>
+				<Col></Col>
+				<Col></Col>
+			</Row>
+			<Row>
+				<Col>
+					<MailboxList account={props.account} client={props.client} />
+				</Col>
+			</Row>
+		</Container>
+	);
+};
+export default AppLayout;
diff --git a/src/MailboxList.tsx b/src/MailboxList.tsx
new file mode 100644
index 0000000..51b342e
--- /dev/null
+++ b/src/MailboxList.tsx
@@ -0,0 +1,39 @@
+import React from "react";
+import Stack from "react-bootstrap/Stack";
+
+import { Client, IAccount } from "./types";
+
+type MailboxListProps = { account: IAccount | null; client: Client | null };
+type MailboxListState = {};
+
+class MailboxList extends React.Component<MailboxListProps, MailboxListState> {
+	componentDidMount() {
+		if (this.props.account == null) return;
+		if (this.props.client == null) return;
+		const args = {
+			accountId: this.props.account.id,
+			ids: [],
+		};
+		this.props.client
+			.mailbox_get(args)
+			.then(() => {
+				console.log("got mailboxen");
+			})
+			.catch(() => {
+				console.error("Failed to get mailboxes");
+			});
+	}
+
+	render() {
+		return this.props.account == null ? (
+			<Stack />
+		) : (
+			<Stack>
+				{this.props.account.mailboxes.map((m) => (
+					<li key={m.id}>{m.name}</li>
+				))}
+			</Stack>
+		);
+	}
+}
+export default MailboxList;
diff --git a/src/types.tsx b/src/types.tsx
new file mode 100644
index 0000000..f0585a5
--- /dev/null
+++ b/src/types.tsx
@@ -0,0 +1,21 @@
+import client from "jmap-client-ts/lib/types";
+import { Client } from "jmap-client-ts";
+
+export type { Client } from "jmap-client-ts";
+
+export interface IAccount extends client.IAccount {
+	id: string;
+	mailboxes: Array<client.IMailboxProperties>;
+}
+
+export type AccountIdMap = { [accountId: string]: IAccount };
+
+export interface ISession extends client.ISession {
+	accounts: AccountIdMap;
+}
+
+export type TopProps = {
+	account: IAccount | null;
+	accounts: AccountIdMap;
+	client: Client | null;
+};