Update script.js

MEDELBOU3 · Nov 21, 2024 · 414b41e · 414b41e
1 parent a624af1
commit 414b41e
Showing 1 changed file with 16 additions and 67 deletions.
diff --git a/script.js b/script.js
@@ -178,74 +178,23 @@
             addGridItemListeners();
         }
 
-        let newReleasesOffset = 0;
-        const LIMIT = 120;
-
-        async function displayNewReleases(append = false) {
-           const data = await fetchSpotifyData(`browse/new-releases?limit=${LIMIT}&offset=${newReleasesOffset}`);
-           const albums = data.albums.items;
-           let html = !append ? '<h2>New Releases</h2><div class="grid">' : '';
-
-           albums.forEach(album => {
-           html += `
-                <div class="grid-item" data-type="album" data-id="${album.id}">
-                   <img src="${album.images[0].url}" alt="${album.name}">
-                   <p>${album.name}</p>
-                   <p>${album.artists[0].name}</p>
-                </div>
-             `;
-          });
-                  if (!append) {
-        html += '</div>';
-        document.getElementById('content').innerHTML = html;
-       } else {
-          document.querySelector('.grid').insertAdjacentHTML('beforeend', html);
-       }
-
-    // Add load more button if there are more items
-    if (data.albums.total > newReleasesOffset + LIMIT) {
-        const loadMoreButton = document.querySelector('.load-more-button') || document.createElement('button');
-        loadMoreButton.className = 'load-more-button';
-        loadMoreButton.textContent = 'Load More';
-        loadMoreButton.onclick = loadMoreNewReleases;
-        if (!append) {
-            document.getElementById('content').appendChild(loadMoreButton);
-        }
-    } else {
-        const existingButton = document.querySelector('.load-more-button');
-        if (existingButton) {
-            existingButton.remove();
+        async function displayNewReleases() {
+            const data = await fetchSpotifyData('browse/new-releases');
+            const albums = data.albums.items;
+            let html = '<h2>New Releases</h2><div class="grid">';
+            albums.forEach(album => {
+                html += `
+                    <div class="grid-item" data-type="album" data-id="${album.id}">
+                        <img src="${album.images[0].url}" alt="${album.name}">
+                        <p>${album.name}</p>
+                        <p>${album.artists[0].name}</p>
+                    </div>
+                `;
+            });
+            html += '</div>';
+            document.getElementById('content').innerHTML = html;
+            addGridItemListeners();
         }
-    }
-
-    addGridItemListeners();
-}
-        async function loadMoreNewReleases() {
-    newReleasesOffset += LIMIT;
-    await displayNewReleases(true);
-}
-
-// Add this CSS
-const style = document.createElement('style');
-style.textContent = `
-    .load-more-button {
-        display: block;
-        margin: 20px auto;
-        padding: 10px 20px;
-        background-color: #1DB954;
-        color: white;
-        border: none;
-        border-radius: 20px;
-        cursor: pointer;
-        font-size: 16px;
-    }
-
-    .load-more-button:hover {
-        background-color: #1ed760;
-    }
-`;
-document.head.appendChild(style);
-
 
         async function displayCategories() {
             const data = await fetchSpotifyData('browse/categories');