diff --git a/packages/app/src/pages/account/components/index.js b/packages/app/src/pages/account/components/index.js
deleted file mode 100644
index 79765944..00000000
--- a/packages/app/src/pages/account/components/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as SessionsView } from './sessionsView'
-export { default as StatisticsView } from './statisticsView'
\ No newline at end of file
diff --git a/packages/app/src/pages/account/components/sessionsView/index.jsx b/packages/app/src/pages/account/components/sessionsView/index.jsx
deleted file mode 100644
index e6c33bcb..00000000
--- a/packages/app/src/pages/account/components/sessionsView/index.jsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import React from "react"
-import * as antd from "antd"
-import { Skeleton } from "components"
-import { Icons } from "components/Icons"
-import { Session } from "models"
-
-import "./index.less"
-
-const SessionsList = (props) => {
-	const sessions = props.sessions.map((session) => {
-		const header = (
-			<div className="session_header">
-				<div>
-					<Icons.Key />
-				</div>
-				<div>{session.session_uuid}</div>
-				<div>{props.current === session.session_uuid ? <antd.Tag>Current</antd.Tag> : ""}</div>
-			</div>
-		)
-
-		const renderDate = () => {
-			const dateNumber = Number(session.date)
-
-			if (dateNumber) {
-				return new Date(dateNumber).toString()
-			}
-			return session.date
-		}
-
-		return (
-			<antd.Collapse.Panel header={header} key={session.session_uuid} className="session_entry">
-				<div className="session_entry_info">
-					<div>
-						<Icons.Clock />
-						{renderDate()}
-					</div>
-					<div>
-						<Icons.Navigation />
-						{session.location}
-					</div>
-				</div>
-			</antd.Collapse.Panel>
-		)
-	})
-
-	if (!props.sessions || !Array.isArray(props.sessions)) {
-		return <div>
-			<antd.Empty>
-				Cannot find any valid sessions
-			</antd.Empty>
-		</div>
-	}
-
-	return <div className="sessions_wrapper">
-		<antd.Collapse bordered={false} accordion>
-			{sessions}
-		</antd.Collapse>
-	</div>
-}
-
-export default class SessionsView extends React.Component {
-	state = {
-		currentSessionUUID: null,
-	}
-
-	componentDidMount = async () => {
-		const currentSession = await Session.decodedToken()
-		this.setState({ currentSessionUUID: currentSession?.session_uuid })
-	}
-
-	signOutAll = () => {
-		antd.Modal.warning({
-			title: "Caution",
-			content: "This action will cause all sessions to be closed, you will have to log in again.",
-			onOk: () => {
-				if (typeof this.props.handleSignOutAll === "function") {
-					this.props.handleSignOutAll()
-				} else {
-					antd.message.error("Sign out all sessions failed")
-					console.error("handleSignOutAll is not a function")
-				}
-			},
-			okCancel: true,
-		})
-	}
-
-	render() {
-		const { sessions } = this.props
-
-		if (!sessions) {
-			return <Skeleton />
-		}
-
-		return (
-			<div className="sessions_wrapper">
-				<div className="header">
-					<div>
-						<h1><Icons.Key /> All Sessions</h1>
-					</div>
-					<div>
-						{sessions && (
-							<antd.Button onClick={this.signOutAll} type="danger">
-								Destroy all sessions
-							</antd.Button>
-						)}
-					</div>
-				</div>
-				<div>
-					<SessionsList current={this.state.currentSessionUUID} sessions={this.props.sessions} />
-				</div>
-			</div>
-		)
-	}
-}
\ No newline at end of file
diff --git a/packages/app/src/pages/account/components/sessionsView/index.less b/packages/app/src/pages/account/components/sessionsView/index.less
deleted file mode 100644
index 99378dd8..00000000
--- a/packages/app/src/pages/account/components/sessionsView/index.less
+++ /dev/null
@@ -1,52 +0,0 @@
-.sessions_wrapper {
-	.ant-collapse-borderless {
-		background-color: transparent !important;
-	}
-
-	.header {
-		h1,
-		h2,
-		h3 {
-			margin: 0;
-		}
-
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	> div {
-		margin-bottom: 10px;
-	}
-}
-
-.session_entry {
-	display: flex;
-	flex-direction: column;
-
-	background: transparent;
-	margin-bottom: 10px;
-
-	border: 1px solid #ccc !important;
-	border-radius: 12px !important;
-
-	.session_entry_info {
-		> div {
-			padding: 4px 40px;
-		}
-	}
-	.ant-collapse-header {
-		display: flex;
-		align-items: center;
-	}
-}
-
-.session_header {
-	display: flex;
-	flex-direction: row;
-
-	> div {
-		padding: 0 10px;
-	}
-}
diff --git a/packages/app/src/pages/account/components/statisticsView/index.jsx b/packages/app/src/pages/account/components/statisticsView/index.jsx
deleted file mode 100644
index e8eb1114..00000000
--- a/packages/app/src/pages/account/components/statisticsView/index.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react"
-
-export default class StatisticsView extends React.Component {
-    state = {
-        statistics: null
-    }
-
-    componentDidMount = async () => {
-
-    }
-
-	render() {
-		return <div>
-        
-        </div>
-	}
-}