refactor tracklist pages to use API

kylewelsby · Jul 17, 2024 · a44969d · a44969d
1 parent d2e8f34
commit a44969d
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 48 deletions.
diff --git a/components/Episode/EpisodeListItem.vue b/components/Episode/EpisodeListItem.vue
@@ -48,10 +48,10 @@ export default {
       return classes
     },
     formattedDate() {
-      if (this.episode.published_at) {
+      if (this.episode.publishedAt || this.episode.published_at) {
         return new Intl.DateTimeFormat('en-US', {
           dateStyle: 'long',
-        }).format(Date.parse(this.episode.published_at))
+        }).format(Date.parse(this.episode.publishedAt || this.episode.published_at))
       } else {
         return 'INVALID DATE'
       }

diff --git a/pages/tracklists/index.vue b/pages/tracklists/index.vue
@@ -23,32 +23,30 @@
 </template>
 
 <script>
-import { useFilteredShows } from '~/compositions'
 
 export default {
   name: 'SoulectionTracklists',
-  async asyncData({ $sentry, $supabase, $config, error }) {
-    const {
-      error: err,
-      shows,
-      tagsWithCounts,
-      totalCount,
-      count,
-    } = await useFilteredShows({
-      $supabase,
-      $config,
-    })
-    if (err) {
-      $sentry.captureException(err)
+  async asyncData({ $axios, error }) {
+    const page = 1;
+    const config = {
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      }
+    };
+    try {
+      const {data, headers} = await $axios.get(`https://v5-api-soulectiontracklists-com.fly.dev/shows?page=${page}`, config);
+
+      return {
+        latestShow: data[0],
+        shows: data,
+        tagsWithCounts: {},
+        count: parseInt(headers['total-count']) || 999,
+        totalCount: parseInt(headers['total-count']) || 999
+      }
+    } catch (err) {
       error({ statusCode: 500, message: err })
     }
-    return {
-      latestShow: shows[0],
-      shows,
-      tagsWithCounts,
-      count,
-      totalCount,
-    }
   },
   head() {
     return {

diff --git a/pages/tracklists/page/_page.vue b/pages/tracklists/page/_page.vue
@@ -18,35 +18,28 @@
 </template>
 
 <script>
-import { useFilteredShows } from '~/compositions'
 
 export default {
-  async asyncData({ $sentry, $supabase, params, $config, error }) {
-    const {
-      error: err,
-      shows,
-      tagsWithCounts,
-      totalCount,
-      count,
-    } = await useFilteredShows(
-      {
-        $supabase,
-        $config,
-      },
-      null,
-      params.page
-    )
-    if (err) {
-      $sentry.captureException(err)
+  async asyncData({ $axios, params, error }) {
+    const config = {
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      }
+    };
+    try {
+      const {data, headers} = await $axios.get(`https://v5-api-soulectiontracklists-com.fly.dev/shows?page=${params.page}`, config);
+      console.log(parseInt(headers['total-count']))
+      return {
+        latestShow: data[0],
+        shows: data,
+        tagsWithCounts: {},
+        count: parseInt(headers['total-count']) || 999,
+        totalCount: parseInt(headers['total-count']) || 999
+      }
+    } catch (err) {
       error({ statusCode: 500, message: err })
     }
-    return {
-      latestShow: shows[0],
-      shows,
-      tagsWithCounts,
-      count,
-      totalCount,
-    }
   },
   head() {
     return {