diff --git a/frappe/public/js/frappe/recorder/SQLDetail.vue b/frappe/public/js/frappe/recorder/SQLDetail.vue
deleted file mode 100644
index 5dd377b2ff..0000000000
--- a/frappe/public/js/frappe/recorder/SQLDetail.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-	<div>
-		<div>{{ call.duration }}</div>
-		<div v-html="call.highlighted_query"></div>
-		<table class="table table-striped table-condensed">
-			<thead>
-				<tr>
-					<th v-for="(key, index) in call.explain_result.keys" :key="index" v-bind="call">{{ key }}</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr v-for="(row, index) in call.explain_result.values" :key="index" v-bind="call">
-					<td v-for="(value, index) in row" :key="index" v-bind="call">{{ value }}</td>
-				</tr>
-			</tbody>
-		</table>
-		<table class="table table-striped table-condensed col-sm-4">
-			<thead>
-				<tr>
-					<th v-for="(key, index) in call.profile_result.keys" :key="index" v-bind="call">{{ key }}</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr v-for="(row, index) in call.profile_result.values" :key="index" v-bind="call">
-					<td v-for="(value, index) in row" :key="index" v-bind="call">{{ value }}</td>
-				</tr>
-			</tbody>
-		</table>
-		<div><pre>{{ call.stack }}</pre></div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: "SQLDetail",
- 	data() {
-		return {
-			call: null,
-		};
-	},
-	mounted() {
-		frappe.call({
-			method: "frappe.www.recorder.get_request_data",
-			args: {
-				uuid: this.$route.params.request_uuid
-			}
-		}).then( r => {
-			this.call = r.message.calls[this.$route.params.call_index];
-		});
-	},
-};
-</script>
diff --git a/frappe/public/js/frappe/recorder/recorder.js b/frappe/public/js/frappe/recorder/recorder.js
index a5593dbc43..1c85e5b107 100644
--- a/frappe/public/js/frappe/recorder/recorder.js
+++ b/frappe/public/js/frappe/recorder/recorder.js
@@ -5,7 +5,6 @@ import RecorderRoot from "./RecorderRoot.vue";
 
 import RecorderDetail from "./RecorderDetail.vue";
 import RequestDetail from "./RequestDetail.vue";
-import SQLDetail from "./SQLDetail.vue";
 
 Vue.use(VueRouter);
 const routes = [
@@ -19,11 +18,6 @@ const routes = [
 		path: '/request/:request_uuid',
 		component: RequestDetail,
 	},
-	{
-		name: "sql-detail",
-		path: '/request/:request_uuid/sql/:call_index',
-		component: SQLDetail,
-	},
 ];
 
 const router = new VueRouter({