diff --git a/src/components/modals/DetailedTrack.vue b/src/components/modals/DetailedTrack.vue
new file mode 100644
index 0000000..579e846
--- /dev/null
+++ b/src/components/modals/DetailedTrack.vue
@@ -0,0 +1,18 @@
+<template>
+	<div id=""></div>
+</template>
+
+<script>
+export default {
+	name: ``,
+	components: {},
+	created() {},
+	data() { return {}},
+	computed: {},
+	methods: {}
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/components/modals/PopularityInfo.vue b/src/components/modals/PopularityInfo.vue
new file mode 100644
index 0000000..2052c98
--- /dev/null
+++ b/src/components/modals/PopularityInfo.vue
@@ -0,0 +1,17 @@
+<template>
+	<div id=""></div>
+</template>
+
+<script>
+export default {
+	name: ``,
+	components: {},
+	data() { return {}},
+	computed: {},
+	methods: {}
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file