showing downloading when app closed fixed

super quick downloading added by canceling and sending xhr again

src/components/CurrentSection.js

@@ -35,10 +35,11 @@ import { GlobalContext } from "./GlobalState";
 import {
   getHistory,
   getLikedSongs,
-  getDownloadedSongs
+  getDownloadedSongs,
+  removeDownloadingState,
+  db
 } from "../external/saveSong";
 
-import { db } from "../external/saveSong";
 import SettingsPage from "./sections/SettingsPage";
 // import the db from save song
 
@@ -150,6 +151,8 @@ const CurrentSection = ({ history, location }) => {
     db.on("changes", () => {
       setUpdateCount(c => c + 1);
     });
+    // will remove all the songs which are downloading in the first place
+    removeDownloadingState();
 
     const isThisNewUser = localStorage.getItem("isThisNew");
     if (isThisNewUser === "no") {
@@ -237,7 +240,7 @@ const CurrentSection = ({ history, location }) => {
             return <div>Redirecting you to play store</div>;
           }}
         />
-       
+
         <Route path="/settings" component={SettingsPage} />
         <Route path="/privacy" component={PrivacyPage} />
 

src/external/saveSong.js

@@ -71,13 +71,24 @@ export const getLikedSongs = async () => {
 
 export const getDownloadedSongs = async () => {
   const downloadedSongs = await db.songs
-    .where("[downloadState+timestamp]") //this will filter song based on time and liked
+    .where("[downloadState+timestamp]") //this will filter song based on time and downloaded
     .between(["downloaded", Dexie.minKey], ["downloaded", Dexie.maxKey])
     .reverse()
     .toArray();
   return downloadedSongs;
 };
 
+export const removeDownloadingState = async () => {
+  // find all the downloadState which is downloading and remove that
+  const songs = await db.songs
+    .where("[downloadState+timestamp]")
+    .between(["downloading", Dexie.minKey], ["downloading", Dexie.maxKey])
+    .modify(x => {
+      delete x.downloadState;
+    });
+  console.log(songs);
+};
+
 export const downloadSong = async (id, url) => {
   try {
     db.songs.update(id, {
@@ -108,9 +119,10 @@ export const deleteSongAudio = async id => {
 };
 
 function fetchProxiedBlob(url) {
+  const URL = url;
   return new Promise(function(resolve, reject) {
     var xhr = new XMLHttpRequest();
-    xhr.open("GET", "https://server.ylight.xyz/proxy/" + url);
+    xhr.open("GET", "https://server.ylight.xyz/proxy/" + URL);
     xhr.responseType = "blob";
     xhr.onload = function() {
       var status = xhr.status;
@@ -124,5 +136,11 @@ function fetchProxiedBlob(url) {
       }
     };
     xhr.send();
+    setTimeout(() => {
+      xhr.abort();
+      xhr.open("GET", "https://server.ylight.xyz/proxy/" + URL);
+
+      xhr.send();
+    }, 1000);
   });
 }